<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><div id="myscoll"></div><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>VSCode配置 | 晚夜微雨问海棠のBlog</title><meta name="keywords" content="VSCode配置"><meta name="author" content="晚夜微雨问海棠"><meta name="copyright" content="晚夜微雨问海棠"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="vs Code 插件1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991">
<meta property="og:type" content="article">
<meta property="og:title" content="VSCode配置">
<meta property="og:url" content="http://example.com/posts/a9613e02.html">
<meta property="og:site_name" content="晚夜微雨问海棠のBlog">
<meta property="og:description" content="vs Code 插件1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-blog.csdnimg.cn%2Fimg_convert%2Fe7fcf8b0b298ddb26f73d69389f0b606.png&refer=http%3A%2F%2Fimg-blog.csdnimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1665288100&t=6924eef2523e798f2f451b4237c40a02">
<meta property="article:published_time" content="2022-11-12T03:28:51.702Z">
<meta property="article:modified_time" content="2022-12-06T08:01:38.250Z">
<meta property="article:author" content="晚夜微雨问海棠">
<meta property="article:tag" content="杂七杂八">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-blog.csdnimg.cn%2Fimg_convert%2Fe7fcf8b0b298ddb26f73d69389f0b606.png&refer=http%3A%2F%2Fimg-blog.csdnimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1665288100&t=6924eef2523e798f2f451b4237c40a02"><link rel="shortcut icon" href="/img/favicon.png"><link rel="canonical" href="http://example.com/posts/a9613e02"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//fonts.googleapis.com" crossorigin=""/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="manifest" href="/manifest.json"/><meta name="msapplication-TileColor" content="#49b1f5"/><link rel="apple-touch-icon" sizes="180x180" href="/img/siteicon/128.png"/><link rel="icon" type="image/png" sizes="32x32" href="/img/siteicon/32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/img/siteicon/16.png"/><link rel="mask-icon" href="/img/siteicon/128.png" color="#5bbad5"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web&amp;display=swap" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = { 
  root: '/',
  algolia: undefined,
  localSearch: {"path":"/search.xml","preload":false,"languages":{"hits_empty":"找不到您查询的内容：${query}"}},
  translate: {"defaultEncoding":2,"translateDelay":0,"msgToTraditionalChinese":"繁","msgToSimplifiedChinese":"简"},
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":150},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: true,
    post: true
  },
  runtime: '天',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: {"limitCount":650,"languages":{"author":"作者: 晚夜微雨问海棠","link":"链接: ","source":"来源: 晚夜微雨问海棠のBlog","info":"著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。"}},
  lightbox: 'fancybox',
  Snackbar: {"chs_to_cht":"你已切换为繁体","cht_to_chs":"你已切换为简体","day_to_night":"你已切换为深色模式","night_to_day":"你已切换为浅色模式","bgLight":"#49b1f5","bgDark":"#1f1f1f","position":"top-right"},
  source: {
    justifiedGallery: {
      js: 'https://cdn.jsdelivr.net/npm/flickr-justified-gallery/dist/fjGallery.min.js',
      css: 'https://cdn.jsdelivr.net/npm/flickr-justified-gallery/dist/fjGallery.min.css'
    }
  },
  isPhotoFigcaption: false,
  islazyload: true,
  isAnchor: true
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = {
  title: 'VSCode配置',
  isPost: true,
  isHome: false,
  isHighlightShrink: false,
  isToc: true,
  postUpdate: '2022-12-06 16:01:38'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(win=>{
    win.saveToLocal = {
      set: function setWithExpiry(key, value, ttl) {
        if (ttl === 0) return
        const now = new Date()
        const expiryDay = ttl * 86400000
        const item = {
          value: value,
          expiry: now.getTime() + expiryDay,
        }
        localStorage.setItem(key, JSON.stringify(item))
      },

      get: function getWithExpiry(key) {
        const itemStr = localStorage.getItem(key)

        if (!itemStr) {
          return undefined
        }
        const item = JSON.parse(itemStr)
        const now = new Date()

        if (now.getTime() > item.expiry) {
          localStorage.removeItem(key)
          return undefined
        }
        return item.value
      }
    }
  
    win.getScript = url => new Promise((resolve, reject) => {
      const script = document.createElement('script')
      script.src = url
      script.async = true
      script.onerror = reject
      script.onload = script.onreadystatechange = function() {
        const loadState = this.readyState
        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
        script.onload = script.onreadystatechange = null
        resolve()
      }
      document.head.appendChild(script)
    })
  
      win.activateDarkMode = function () {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = function () {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')
    
          if (t === 'dark') activateDarkMode()
          else if (t === 'light') activateLightMode()
        
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }
    
    const detectApple = () => {
      if(/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
        document.documentElement.classList.add('apple')
      }
    }
    detectApple()
    })(window)</script><link rel="stylesheet" href="/css/custom.css" media="defer" onload="this.media='all'"> <link rel="stylesheet" href="/swiper/swiper.min.css"> <link rel="stylesheet" href="/swiper/swiperstyle.css"> <link rel="stylesheet" href="/css/rightMenu.css"> <link rel="stylesheet" href="/css/constrain.css"><!-- hexo injector head_end start --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-card-history/baiduhistory/css/main.css"><link rel="stylesheet" href="https://npm.elemecdn.com/hexo-butterfly-categories-card@1.0.0/lib/categorybar.css"><link rel="stylesheet" href="https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.min.css" /><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-double-row-display@1.00/cardlistpost.min.css"/>
<style>#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .tags:before {content:"\A";
  white-space: pre;}#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .tags > .article-meta__separator{display:none}</style>
<link rel="stylesheet" href="https://cdn.cbd.int/anzhiyu-blog@2.0.3/css/runtime/runtime.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.cbd.int/hexo-butterfly-swiper-anzhiyu@1.0.4/lib/swiper.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.cbd.int/hexo-butterfly-swiper-anzhiyu@1.0.4/lib/swiperstyle.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.cbd.int/hexo-butterfly-wowjs/lib/animate.min.css" media="print" onload="this.media='screen'"><link rel="stylesheet" href="https://cdn.cbd.int/hexo-butterfly-tag-plugins-plus@latest/lib/assets/font-awesome-animation.min.css" media="defer" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.cbd.int/hexo-butterfly-tag-plugins-plus@latest/lib/tag_plugins.css" media="defer" onload="this.media='all'"><script src="https://cdn.cbd.int/hexo-butterfly-tag-plugins-plus@latest/lib/assets/carousel-touch.js"></script><!-- hexo injector head_end end --><meta name="generator" content="Hexo 6.2.0"><link rel="alternate" href="/atom.xml" title="晚夜微雨问海棠のBlog" type="application/atom+xml">
</head><body><div id="loading-box"><div class="loading-left-bg"></div><div class="loading-right-bg"></div><div class="spinner-box"><div class="configure-border-1"><div class="configure-core"></div></div><div class="configure-border-2"><div class="configure-core"></div></div><div class="loading-word">加载中...</div></div></div><div id="web_bg" style="background:url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-blog.csdnimg.cn%2Fimg_convert%2Fe7fcf8b0b298ddb26f73d69389f0b606.png&amp;refer=http%3A%2F%2Fimg-blog.csdnimg.cn&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665288100&amp;t=6924eef2523e798f2f451b4237c40a02);background-attachment: local;background-position: center;background-size: cover;background-repeat: no-repeat;"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src= "" data-lazy-src="https://img2.woyaogexing.com/2022/06/28/de1ce3dc65468fd4!400x400.jpg" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="sidebar-site-data site-data is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">97</div></a><a href="/tags/"><div class="headline">标签</div><div class="length-num">31</div></a><a href="/categories/"><div class="headline">分类</div><div class="length-num">17</div></a></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/bangumis/index.html"><i class="fa-fw fas fa-home"></i><span> 追番</span></a></div><div class="menus_item"><a class="site-page" href="/comments/"><i class="fa-fw fas fa-envelope"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 生活馆</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" target="_blank" rel="noopener" href="http://81.69.189.243:8082/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page child" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友情链接</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div></div></div><div class="post" id="body-wrap"><header class="post-bg" id="page-header" style="background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-blog.csdnimg.cn%2Fimg_convert%2Fe7fcf8b0b298ddb26f73d69389f0b606.png&amp;refer=http%3A%2F%2Fimg-blog.csdnimg.cn&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665288100&amp;t=6924eef2523e798f2f451b4237c40a02')"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">晚夜微雨问海棠のBlog</a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/bangumis/index.html"><i class="fa-fw fas fa-home"></i><span> 追番</span></a></div><div class="menus_item"><a class="site-page" href="/comments/"><i class="fa-fw fas fa-envelope"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 生活馆</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" target="_blank" rel="noopener" href="http://81.69.189.243:8082/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page child" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友情链接</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="post-info"><h1 class="post-title">VSCode配置</h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="far fa-calendar-alt fa-fw post-meta-icon"></i><span class="post-meta-label">发表于</span><time class="post-meta-date-created" datetime="2022-11-12T03:28:51.702Z" title="发表于 2022-11-12 11:28:51">2022-11-12</time><span class="post-meta-separator">|</span><i class="fas fa-history fa-fw post-meta-icon"></i><span class="post-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2022-12-06T08:01:38.250Z" title="更新于 2022-12-06 16:01:38">2022-12-06</time></span></div><div class="meta-secondline"><span class="post-meta-separator">|</span><span class="post-meta-wordcount"><i class="far fa-file-word fa-fw post-meta-icon"></i><span class="post-meta-label">字数总计:</span><span class="word-count">14.5k</span><span class="post-meta-separator">|</span><i class="far fa-clock fa-fw post-meta-icon"></i><span class="post-meta-label">阅读时长:</span><span>66分钟</span></span><span class="post-meta-separator">|</span><span class="post-meta-pv-cv" id="" data-flag-title="VSCode配置"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"><i class="fa-solid fa-spinner fa-spin"></i></span></span></div></div></div></header><main class="layout" id="content-inner"><div id="post"><article class="post-content" id="article-container"><h1 id="vs-Code-插件"><a href="#vs-Code-插件" class="headerlink" title="vs Code 插件"></a>vs Code 插件</h1><figure class="highlight xml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br></pre></td><td class="code"><pre><span class="line">Consolas 字体 设置中配置</span><br><span class="line"></span><br><span class="line">indent-rainbow  彩色小格格</span><br><span class="line">Trailing Spaces  红格格</span><br><span class="line">Weidows Beautify Pack 背景透明 字体颜色</span><br><span class="line">stretchy-spaces  弹性空间</span><br><span class="line">HTML Format  格式化文档</span><br><span class="line">vscode-icons  文档图标</span><br><span class="line">htmltagwrap  标签包装</span><br><span class="line">formate: CSS/LESS/SCSS formatter 格式化 css 等的样式</span><br><span class="line">ClassNames Rainbow 类名彩虹</span><br><span class="line">AB HTML Formatter 格式化 HTML</span><br><span class="line">Auto-Align 自动对齐</span><br><span class="line">Highlight Matching Tag 突出显示匹配标签</span><br><span class="line">Guides 显示 对齐 竖线</span><br><span class="line">Image preview 图片元素</span><br><span class="line">Quokka.js 小袋鼠</span><br><span class="line">Import Cost  导入包的大小显示</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">HTMLHint 千万不要下载，<span class="tag">&lt;&gt;</span>.</span><br><span class="line">auri-theme  主题 德莱文</span><br><span class="line">Carve Translate Variable 注释翻译</span><br><span class="line">Comment Translate Baidu 注释翻译</span><br><span class="line"> Prettier Now 自动格式化CSS /SCSS/HTML/VUE/JS等</span><br><span class="line">Rainbow Brackets 彩虹括号</span><br><span class="line">Vue VSCode Snippets</span><br><span class="line">Boilerplate 生成干净的文档结构，生成干净的文档结构，也可以输入！ 最后 tab</span><br><span class="line">HTML Snippets  H5代码片段以及提示</span><br><span class="line">HTML CSS Support   class 智能提示</span><br><span class="line">Atuo Rename Tag  自动帮你完成尾部闭合标签的同步修改</span><br><span class="line">CSS Peek 追踪至样式表中 CSS 类和 ids 定义的地方</span><br><span class="line">Babel ES6/ES7 将ES6和ES7的代码转化成ES5的。</span><br><span class="line">ESlint 接管原生 js 提示，可以自定制提示规则</span><br><span class="line">Power Mode 鼠标光标 火焰</span><br><span class="line"></span><br><span class="line">select-highlight-cochineal-color 代码块光标</span><br><span class="line"></span><br><span class="line">林檎的旅行笔记</span><br><span class="line">超越鼓励师</span><br><span class="line">Atom One Dark Syntax Theme 主题</span><br><span class="line">Auto Close Tag  自动对齐</span><br><span class="line">Auto Complete Tag</span><br><span class="line">Auto Import</span><br><span class="line">Auto Import Relative Path</span><br><span class="line">Auto Rename Tag</span><br><span class="line">Auto Scroll</span><br><span class="line">Auto-Align</span><br><span class="line">Auto-Using for C#</span><br><span class="line">autoAnnotation</span><br><span class="line">background-cover  换背景</span><br><span class="line">Bash Beautify</span><br><span class="line">Beautify   花括号</span><br><span class="line">Bracket Pair Colorization Toggler</span><br><span class="line">Bracket Pair Colorizer</span><br><span class="line">Carve Translate Variable  注释翻译</span><br><span class="line">Chinese-to-English 中文词法转英文词法</span><br><span class="line">Class autocomplete for HTML</span><br><span class="line">className Completion in CSS</span><br><span class="line">Close HTML/XML tag</span><br><span class="line">Code Counter</span><br><span class="line">Code Runner  环境适配</span><br><span class="line">color conversion  颜色转换插件</span><br><span class="line">Path Autocomplete 路径</span><br><span class="line">Path Intellisense 路径</span><br><span class="line">escook-theme  刘龙斌 主题</span><br><span class="line">ESLint Chinese Rules 中文规则提示插件</span><br><span class="line">ESLint</span><br><span class="line">Eva Theme  主题</span><br><span class="line">HTML/CSS/JavaScript  补齐代码片段</span><br><span class="line">Indent one space  缩进空格</span><br><span class="line">Include Autocomplete  包括自动完成</span><br><span class="line">One Darker Theme 主题</span><br><span class="line">Tokyo Night 主题</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">=====================================================================================================</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">2022 年</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">vueDx：代码检测</span><br><span class="line">别名路径跳转</span><br><span class="line">代码生成工程</span><br><span class="line">前端翻译君</span><br><span class="line">驼峰翻译助手</span><br><span class="line">aiXCode：Ai 自动写代码</span><br><span class="line">any-rule:正则表达式</span><br><span class="line">assist：中文排版优化</span><br><span class="line">Auto Close Tag：自动闭合标签</span><br><span class="line">Auto Import：自动导入 Import</span><br><span class="line">Auto-Import—Es6&amp; TS : 自动导入</span><br><span class="line">Auto Rename Tage ：自动闭合标签</span><br><span class="line">Awesome Flutter Snippets：代码片段</span><br><span class="line">Babel ES6 ES7</span><br><span class="line">background-cover：背景图片</span><br><span class="line">Ayu：代码主题</span><br><span class="line">Beautify/css/sass:漂亮的代码片段</span><br><span class="line">Better：Comments ：评论</span><br><span class="line">Bootstrap 5</span><br><span class="line">Built value Snippets</span><br><span class="line">Carve Translate:翻译</span><br><span class="line">change-cass：变更案例</span><br><span class="line">Chiness Support for：语言工具支持中文</span><br><span class="line">chiness-to-English:中文词法转英文词法</span><br><span class="line">classNames Rainbow：彩虹类名</span><br><span class="line">code Autocomplete:代码自动完成</span><br><span class="line">code counter：代码统计分析工具</span><br><span class="line">Code Runner：代码运行程序</span><br><span class="line">Code Spell Checker：代码检测工具</span><br><span class="line">Cool CSS Snippets: css 代码片段</span><br><span class="line">CSS Compresior：css 代码压缩</span><br><span class="line">css custom orioerties ：css 自定义属性</span><br><span class="line">css grid Snippets ：css 代码片段</span><br><span class="line">css modules：css 代码片段</span><br><span class="line">Draw.io Integration： Draw.io整合</span><br><span class="line">Easy Block：支持 Emmet 快速输入，以及智能提示</span><br><span class="line">Easy Less：less 转 css</span><br><span class="line">easycr：代码检测插件</span><br><span class="line">EasyMotion：</span><br><span class="line">EditorConfig for VS Code：开发者必备</span><br><span class="line">Error Lens：超好用的代码检测工具</span><br><span class="line">escok-theme：刘龙斌：代码主题</span><br><span class="line">ESLint：代码检测</span><br><span class="line">ESLint Chiness Rules：eslint 中文规则提示</span><br><span class="line">filesize:文件大小</span><br><span class="line">Flutter：代码重构</span><br><span class="line">Image preview：图像预览</span><br><span class="line">Import Cost：代码质量大小</span><br><span class="line">Include Autocomplete：包括自动完成</span><br><span class="line"></span><br><span class="line">Indent 4-to-2：缩进四到2</span><br><span class="line">Inline HTML：内联超文本标记语言</span><br><span class="line">jQuery Code Snippets：jQuery代码片段</span><br><span class="line">JSON to TS ： json 转 ts</span><br><span class="line">jss Snippets：js css 代码片段</span><br><span class="line">Kite AutoComplet :Ai 代码自动写</span><br><span class="line">LangguageTool for：Visual Studio代码的语言工具</span><br><span class="line">live Sass Compiler:监视代码</span><br><span class="line"> live Server :代码实时同步</span><br><span class="line">Mithril Emmet: 支持 Emmet 代码</span><br><span class="line">MySql</span><br><span class="line"></span><br><span class="line">npm Intellisese ：npm 自动感知</span><br><span class="line">One Dark Pro：代码主题</span><br><span class="line">pcms-vscode：pcms 标签、属性、只能补全</span><br><span class="line">PostCss Intellisents：css 自动感知</span><br><span class="line">Quokka.js：小袋鼠</span><br><span class="line">select-highlight-cochineal-color：选择高亮</span><br><span class="line">SourcePawn：自动完成、代码提示、枚举</span><br><span class="line">Tailwind CSS IntelliSense： 好用的css 代码提示</span><br><span class="line">Turbo Console Log：涡轮控制台日志</span><br><span class="line">TypeScript Error Translator：TypeScript错误翻译</span><br><span class="line"></span><br><span class="line">Vetur</span><br><span class="line">VS Color Picker：VS颜色选择器</span><br><span class="line">Vue Language Features (Volar)：Vue语言功能（Volar）</span><br><span class="line">TypeScript Vue Plugin (Volar)：TypeScript Vue插件（Volar）</span><br><span class="line">VueHelper：vue 常用的 api</span><br><span class="line">Wisen-Translate：鼠标悬浮翻译</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br></pre></td></tr></table></figure>
<p><img src= "" data-lazy-src="%E7%9B%B8%E5%85%B3%E5%9B%BE%E7%89%87/%E5%AD%97%E4%BD%93%E9%A2%9C%E8%89%B2.png" alt=""></p>
<h1 id="火焰光标"><a href="#火焰光标" class="headerlink" title="火焰光标"></a>火焰光标</h1><ol>
<li><p>```js<br>Power Mode 鼠标光标 火焰</p>
<p>“powermode.enabled”: true, //启用插件<br>  “powermode.presets”: “flames”, // 光标特效效果<br>  “powermode.enableShake”: false, // 关闭代码抖动效果</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"># 路径提示</span><br><span class="line"></span><br><span class="line">1. ```js</span><br><span class="line">   // 路径提示</span><br><span class="line">       // 导入文件时是否携带文件的扩展名</span><br><span class="line">       &quot;path-autocomplete.extensionOnImport&quot;: true,</span><br><span class="line">       // 配置 @ 的路径提示</span><br><span class="line">       &quot;path-autocomplete.pathMappings&quot;: &#123;</span><br><span class="line">           &quot;@&quot;: &quot;$&#123;folder&#125;/src&quot;</span><br><span class="line">       &#125;,</span><br></pre></td></tr></table></figure>
</li>
</ol>
<h1 id="prettier-配置"><a href="#prettier-配置" class="headerlink" title="prettier 配置"></a>prettier 配置</h1><ol>
<li>```js<br>// prettier 和 vetur 配置<br>// ESLint 配置<pre><code>&quot;editor.codeActionsOnSave&quot;: &#123;
    &quot;source.fixAll&quot;: true,
&#125;,
// prettier 配置
    &quot;prettier.configPath&quot;: &quot;C:\\Users\\47934\\.prettierrc&quot;,
&quot;exlint.alwaysShowStatus&quot;:true,
&quot;prettier.trailingComma&quot;: &quot;none&quot;,
&quot;prettier.semi&quot;: false,
// 每行文字个数超出此限制将会被迫换行
&quot;prettier.printWidth&quot;: 300,
// 使用单引号替换双引号
&quot;prettier.singleQuote&quot;: true,
&quot;prettier.arrowParens&quot;: &quot;avoid&quot;,
// 设置 .vue文件中，HTML 代码的格式化插件
&quot;vetur.format.defaultFormatterOptions&quot;: &#123;
    &quot;prettier&quot;: &#123;
        &quot;trailingComma&quot;:&quot;none&quot;,
        &quot;semi&quot;:false,
        &quot;singleQuote&quot;:true,
        &quot;arrowParents&quot;:&quot;avoid&quot;,
        &quot;printWidth&quot;:300
    &#125;,
    &quot;js-beautify-html&quot;: &#123;
        &quot;wrap_attributes&quot;:false
    &#125;
&#125;,
</code></pre><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br><span class="line">227</span><br><span class="line">228</span><br><span class="line">229</span><br><span class="line">230</span><br><span class="line">231</span><br><span class="line">232</span><br><span class="line">233</span><br><span class="line">234</span><br><span class="line">235</span><br><span class="line">236</span><br><span class="line">237</span><br><span class="line">238</span><br><span class="line">239</span><br><span class="line">240</span><br><span class="line">241</span><br><span class="line">242</span><br><span class="line">243</span><br><span class="line">244</span><br><span class="line">245</span><br><span class="line">246</span><br><span class="line">247</span><br><span class="line">248</span><br><span class="line">249</span><br><span class="line">250</span><br><span class="line">251</span><br><span class="line">252</span><br><span class="line">253</span><br><span class="line">254</span><br><span class="line">255</span><br><span class="line">256</span><br><span class="line">257</span><br><span class="line">258</span><br><span class="line">259</span><br><span class="line">260</span><br><span class="line">261</span><br><span class="line">262</span><br><span class="line">263</span><br><span class="line">264</span><br><span class="line">265</span><br><span class="line">266</span><br><span class="line">267</span><br><span class="line">268</span><br><span class="line">269</span><br><span class="line">270</span><br><span class="line">271</span><br><span class="line">272</span><br><span class="line">273</span><br><span class="line">274</span><br><span class="line">275</span><br><span class="line">276</span><br><span class="line">277</span><br><span class="line">278</span><br><span class="line">279</span><br><span class="line">280</span><br><span class="line">281</span><br><span class="line">282</span><br><span class="line">283</span><br><span class="line">284</span><br><span class="line">285</span><br><span class="line">286</span><br><span class="line">287</span><br><span class="line">288</span><br><span class="line">289</span><br><span class="line">290</span><br><span class="line">291</span><br><span class="line">292</span><br><span class="line">293</span><br><span class="line">294</span><br><span class="line">295</span><br><span class="line">296</span><br><span class="line">297</span><br><span class="line">298</span><br><span class="line">299</span><br><span class="line">300</span><br><span class="line">301</span><br><span class="line">302</span><br><span class="line">303</span><br><span class="line">304</span><br><span class="line">305</span><br><span class="line">306</span><br><span class="line">307</span><br><span class="line">308</span><br><span class="line">309</span><br><span class="line">310</span><br><span class="line">311</span><br><span class="line">312</span><br><span class="line">313</span><br><span class="line">314</span><br><span class="line">315</span><br><span class="line">316</span><br><span class="line">317</span><br><span class="line">318</span><br><span class="line">319</span><br><span class="line">320</span><br><span class="line">321</span><br><span class="line">322</span><br><span class="line">323</span><br><span class="line">324</span><br><span class="line">325</span><br><span class="line">326</span><br><span class="line">327</span><br><span class="line">328</span><br><span class="line">329</span><br><span class="line">330</span><br><span class="line">331</span><br><span class="line">332</span><br><span class="line">333</span><br><span class="line">334</span><br><span class="line">335</span><br><span class="line">336</span><br><span class="line">337</span><br><span class="line">338</span><br><span class="line">339</span><br><span class="line">340</span><br><span class="line">341</span><br><span class="line">342</span><br><span class="line">343</span><br><span class="line">344</span><br><span class="line">345</span><br><span class="line">346</span><br><span class="line">347</span><br><span class="line">348</span><br><span class="line">349</span><br><span class="line">350</span><br><span class="line">351</span><br><span class="line">352</span><br><span class="line">353</span><br><span class="line">354</span><br><span class="line">355</span><br><span class="line">356</span><br><span class="line">357</span><br><span class="line">358</span><br><span class="line">359</span><br><span class="line">360</span><br><span class="line">361</span><br><span class="line">362</span><br><span class="line">363</span><br><span class="line">364</span><br><span class="line">365</span><br><span class="line">366</span><br><span class="line">367</span><br><span class="line">368</span><br><span class="line">369</span><br><span class="line">370</span><br><span class="line">371</span><br><span class="line">372</span><br><span class="line">373</span><br><span class="line">374</span><br><span class="line">375</span><br><span class="line">376</span><br><span class="line">377</span><br><span class="line">378</span><br><span class="line">379</span><br><span class="line">380</span><br><span class="line">381</span><br><span class="line">382</span><br><span class="line">383</span><br><span class="line">384</span><br><span class="line">385</span><br><span class="line">386</span><br><span class="line">387</span><br><span class="line">388</span><br><span class="line">389</span><br><span class="line">390</span><br><span class="line">391</span><br><span class="line">392</span><br><span class="line">393</span><br><span class="line">394</span><br><span class="line">395</span><br><span class="line">396</span><br></pre></td><td class="code"><pre><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"># 推荐json</span><br><span class="line"></span><br><span class="line">## 旧版 自己定义的 json</span><br><span class="line"></span><br><span class="line">1. ```json</span><br><span class="line">   &#123;</span><br><span class="line">       // 双引号改成单引号</span><br><span class="line">       // &quot;semi&quot;: false,</span><br><span class="line">       // 结尾不加分号</span><br><span class="line">       // &quot;singleQuote&quot;: true,</span><br><span class="line">       // 配置文件</span><br><span class="line">       &quot;editor.selectionHighlight&quot;: false,</span><br><span class="line">       &quot;editor.occurrencesHighlight&quot;: false,</span><br><span class="line">       &quot;editor.matchBrackets&quot;: false,</span><br><span class="line">       &quot;bracketPairColorizer.depreciation-notice&quot;: false,</span><br><span class="line">       // &quot;控制字体&quot;</span><br><span class="line">       // &quot;editor.fontFamily&quot;: &quot;Consolas, Small Fonts, Segoe MDL2 Assets, Lucida Console, Comic Sans MS, Calibri, 幼圆, Consolas, monospace, &#x27;Courier New&#x27;&quot;,</span><br><span class="line">       &quot;window.zoomLevel&quot;: 0,</span><br><span class="line">       &quot;editor.fontFamily&quot;: &quot;Consolas&quot;,</span><br><span class="line">       // 火焰光标</span><br><span class="line">       &quot;powermode.enabled&quot;: true, //启用插件</span><br><span class="line">       &quot;powermode.presets&quot;:&quot;flames&quot;, // 关闭代码抖动效果</span><br><span class="line">       // 路径提示</span><br><span class="line">       // 导入文件时是否携带文件的扩展名</span><br><span class="line">       &quot;path-autocomplete.extensionOnImport&quot;: true,</span><br><span class="line">       // 配置 @ 的路径提示</span><br><span class="line">       &quot;path-autocomplete.pathMappings&quot;: &#123;</span><br><span class="line">           &quot;@&quot;: &quot;$&#123;folder&#125;/src&quot;</span><br><span class="line">       &#125;,</span><br><span class="line">       &quot;powermode.shake.enabled&quot;: false,</span><br><span class="line">       &quot;backgroundCover.imagePath&quot;: &quot;c:\\Users\\47934\\Pictures\\Saved Pictures\\背景\\女神snh48宋昕冉4k高清美女壁纸_彼岸图网.jpg&quot;,</span><br><span class="line">       &quot;backgroundCover.opacity&quot;: 0.7,</span><br><span class="line">       // 编辑选项卡</span><br><span class="line">       &quot;editor.tabSize&quot;: 4,</span><br><span class="line">       &quot;editor.formatOnSave&quot;: true,</span><br><span class="line">       &quot;workbench.colorTheme&quot;: &quot;auri-theme&quot;,</span><br><span class="line">       // ESLint 配置</span><br><span class="line">       &quot;editor.codeActionsOnSave&quot;: &#123;</span><br><span class="line">           &quot;source.fixAll&quot;: true,</span><br><span class="line">       &#125;,</span><br><span class="line">       // prettier 配置</span><br><span class="line">       &quot;prettier.configPath&quot;: &quot;C:\\Users\\47934\\.prettierrc&quot;,</span><br><span class="line">       &quot;exlint.alwaysShowStatus&quot;:true,</span><br><span class="line">       &quot;prettier.semi&quot;: false,</span><br><span class="line">       // 每行文字个数超出此限制将会被迫换行</span><br><span class="line">       &quot;prettier.printWidth&quot;: 100,</span><br><span class="line">       // 使用单引号替换双引号</span><br><span class="line">       &quot;prettier.singleQuote&quot;: true,</span><br><span class="line">       &quot;[vue]&quot;: &#123;</span><br><span class="line">           &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">       &#125;,</span><br><span class="line">       &quot;[javascript]&quot;: &#123;</span><br><span class="line">           &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">       &#125;,</span><br><span class="line">       &quot;[html]&quot;: &#123;</span><br><span class="line">           &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">       &#125;,</span><br><span class="line">       &quot;[css]&quot;: &#123;</span><br><span class="line">           &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">       &#125;,</span><br><span class="line">       &quot;workbench.iconTheme&quot;: &quot;vscode-icons&quot;,</span><br><span class="line">       &quot;prettier.formatOnSave&quot;: true, // 保存时自动格式化</span><br><span class="line">       &quot;prettier.formatOnPaste&quot;: true, // 粘贴时自动格式化</span><br><span class="line">       &quot;prettier.tabWidth&quot;: 4, // 缩进字节数</span><br><span class="line">       &quot;prettier.useTabs&quot;: false, // 缩进不使用tab，使用空格</span><br><span class="line">       &quot;prettier.trailingComma&quot;:&quot;none&quot;, // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）</span><br><span class="line">       &quot;prettier.proseWrap&quot;: &quot;preserve&quot;, // 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照markdown文本样式进行折行</span><br><span class="line">       &quot;prettier.arrowParens&quot;: &quot;avoid&quot;, //  (x) =&gt; &#123;&#125; 箭头函数参数只有一个时是否要有小括号。avoid：省略括号</span><br><span class="line">       &quot;prettier.bracketSpacing&quot;: true, // 在对象，数组括号与文字之间加空格 &quot;&#123; foo: bar &#125;&quot;</span><br><span class="line">       &quot;prettier.endOfLine&quot;: &quot;auto&quot;, // 结尾是 \n \r \n\r aut</span><br><span class="line">       &quot;prettier.eslintIntegration&quot;: false, //不让prettier使用eslint的代码格式进行校验</span><br><span class="line">       &quot;prettier.htmlWhitespaceSensitivity&quot;: &quot;ignore&quot;,</span><br><span class="line">       &quot;prettier.ignorePath&quot;: &quot;.prettierignore&quot;, // 不使用prettier格式化的文件填写在项目的.prettierignore文件中</span><br><span class="line">       &quot;prettier.jsxBracketSameLine&quot;: false, // 在jsx中把&#x27;&gt;&#x27; 是否单独放一行</span><br><span class="line">       &quot;prettier.jsxSingleQuote&quot;: false, // 在jsx中使用单引号代替双引号</span><br><span class="line">       &quot;prettier.parser&quot;: &quot;babylon&quot;, // 格式化的解析器，默认是babylon</span><br><span class="line">       &quot;prettier.requireConfig&quot;: false, // Require a &#x27;prettierconfig&#x27; to format prettier</span><br><span class="line">       &quot;prettier.requirePragma&quot;: false, // 不需要写文件开头的 @prettier</span><br><span class="line">       &quot;prettier.useEditorConfig&quot;: false,</span><br><span class="line">       &quot;prettier.stylelintIntegration&quot;: false, // 不让prettier使用stylelint的代码格式进行校验</span><br><span class="line">       &quot;prettier.tslintIntegration&quot;: false, // 不让prettier使用tslint的代码格式进行校验</span><br><span class="line">       // 自动保存</span><br><span class="line">       //打开文件不覆盖</span><br><span class="line">       &quot;workbench.editor.enablePreview&quot;: false,</span><br><span class="line">       &quot;editor.lineHeight&quot;: 40,</span><br><span class="line">       &quot;editor.renderLineHighlight&quot;:&quot;all&quot;,</span><br><span class="line">       &quot;editor.renderWhitespace&quot;: &quot;all&quot;,</span><br><span class="line">       &quot;editor.fontSize&quot;: 15,</span><br><span class="line">       &quot;editor.cursorBlinking&quot;: &quot;smooth&quot;,</span><br><span class="line">       // 变量 注释等 的颜色</span><br><span class="line">       &quot;editor.tokenColorCustomizations&quot;: &#123;</span><br><span class="line">           // 注释</span><br><span class="line">           &quot;comments&quot;: &quot;#f5a21c&quot;,</span><br><span class="line">           // // 变量名</span><br><span class="line">           &quot;variables&quot;: &quot;#a68bda&quot;,</span><br><span class="line">           // // 字符串</span><br><span class="line">           // &quot;strings&quot;: &quot;#7bea48&quot;,</span><br><span class="line">           // // 函数名</span><br><span class="line">           // &quot;functions&quot;: &quot;#ec815d&quot;,</span><br><span class="line">           //数字</span><br><span class="line">           &quot;numbers&quot;: &quot;#dbf656&quot;,</span><br><span class="line">           // //类型名</span><br><span class="line">           // &quot;types&quot;: &quot;#e0139c&quot;,</span><br><span class="line">           // 其他具体颜色设置</span><br><span class="line">           &quot;textMateRules&quot;: [</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;keyword.control&quot;,//if ,else, try 等控制符</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#C586C0&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;keyword.operator&quot;,//算数符</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#f07d3b&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;storage.modifier&quot;,//修饰语</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#f09090&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;entity.name.type.class&quot;,//类名</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#3ea1c2&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;storage.type.primitive.java&quot;,//int和其他啥啥，忘记了</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#c0526a&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;entity.name.type.interface&quot;,// 接口</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#c052ac&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;entity.name.namespace&quot;,// 导入部分</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#0ca067&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;entity.name.tag&quot;,// html标签</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#fa3084&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">                 // 函数</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;meta.function-call.generic.python&quot;,</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#0f7fd2&quot;//#578dac, ##0f7fd2, #78a7cc,#84b6dd</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">                // 函数内固定参数名</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;variable.parameter.function-call.python&quot;,</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#6b689efb&quot;//#859900,79831f</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">               // 三引号注释</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;string.quoted.docstring.multi.python&quot;,</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#10d4b0&quot;//#709baa,</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">                //类名&amp;方法名</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;scope&quot;: &quot;storage.type&quot;,</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#63c5d2&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">               //关键字</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;name&quot;: &quot;keyword&quot;,</span><br><span class="line">                   &quot;scope&quot;: &quot;keyword.control.flow.python&quot;,</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#dd4e15&quot;//#29cf3d, #049415, #14b414</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">                 //类型名称</span><br><span class="line">               &#123;</span><br><span class="line">                   &quot;name&quot;: &quot;types&quot;,</span><br><span class="line">                   // &quot;scope&quot;: [&quot;comment&quot;, &quot;comment&quot;,],</span><br><span class="line">                   &quot;scope&quot;: &quot;support.type.python&quot;,</span><br><span class="line">                   &quot;settings&quot;: &#123;</span><br><span class="line">                       &quot;foreground&quot;: &quot;#eea0cd&quot;//#eea0cd</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;,</span><br><span class="line">           ]</span><br><span class="line">       &#125;,</span><br><span class="line">       &quot;editor.multiCursorModifier&quot;: &quot;ctrlCmd&quot;,</span><br><span class="line">           &quot;editor.snippetSuggestions&quot;: &quot;top&quot;,</span><br><span class="line">           &quot;editor.wordWrapColumn&quot;: 100,</span><br><span class="line">           &quot;editor.wordWrap&quot;: &quot;on&quot;,</span><br><span class="line">           &quot;editor.quickSuggestions&quot;: &#123;</span><br><span class="line">               &quot;other&quot;: true,</span><br><span class="line">               &quot;comments&quot;: true,</span><br><span class="line">               &quot;strings&quot;: true</span><br><span class="line">           &#125;,</span><br><span class="line">           // 保存时自动格式化</span><br><span class="line">           &quot;editor.formatOnPaste&quot;: false,</span><br><span class="line">           &quot;files.trimTrailingWhitespace&quot;: true,</span><br><span class="line">           &quot;typescript.suggest.autoImports&quot;: true,</span><br><span class="line">           &quot;javascript.updateImportsOnFileMove.enabled&quot;: &quot;always&quot;,</span><br><span class="line">           &quot;javascript.suggest.autoImports&quot;: true,</span><br><span class="line"></span><br><span class="line">           // 覆盖当前选定颜色主题的颜色。各个ui组件颜色设置</span><br><span class="line">           &quot;workbench.colorCustomizations&quot;: &#123;</span><br><span class="line">                 //底部状态栏</span><br><span class="line">               &quot;statusBar.background&quot;: &quot;#0c95eb&quot;,</span><br><span class="line">               //终端控制台</span><br><span class="line">               &quot;terminal.ansiBlack&quot;: &quot;#181818&quot;,</span><br><span class="line">               &quot;terminal.ansiBlue&quot;: &quot;#7CAFC2&quot;,</span><br><span class="line">               &quot;terminal.ansiBrightBlack&quot;: &quot;#585858&quot;,</span><br><span class="line">               &quot;terminal.ansiBrightBlue&quot;: &quot;#7CAFC2&quot;,</span><br><span class="line">               &quot;terminal.ansiBrightCyan&quot;: &quot;#86C1B9&quot;,//#86C1B9</span><br><span class="line">               &quot;terminal.ansiBrightGreen&quot;: &quot;#A1B56C&quot;,</span><br><span class="line">               &quot;terminal.ansiBrightMagenta&quot;: &quot;#BA8BAF&quot;,</span><br><span class="line">               &quot;terminal.ansiBrightRed&quot;: &quot;#AB4642&quot;,</span><br><span class="line">               &quot;terminal.ansiBrightWhite&quot;: &quot;#F8F8F8&quot;,//#F8F8F8</span><br><span class="line">               &quot;terminal.ansiBrightYellow&quot;: &quot;#caf50a&quot;,//终端输入“python”的颜色#F7CA88,#f5970a</span><br><span class="line">               &quot;terminal.ansiCyan&quot;: &quot;#305352&quot;,//按F5时终端调试时的一串文字的颜色#86C1B9,#465c59</span><br><span class="line">               &quot;terminal.ansiGreen&quot;: &quot;#A1B56C&quot;,</span><br><span class="line">               &quot;terminal.ansiMagenta&quot;: &quot;#BA8BAF&quot;,</span><br><span class="line">               &quot;terminal.ansiRed&quot;: &quot;#AB4642&quot;,</span><br><span class="line">               &quot;terminal.ansiWhite&quot;: &quot;#D8D8D8&quot;,//#D8D8D8</span><br><span class="line">               &quot;terminal.ansiYellow&quot;: &quot;#F7CA88&quot;,//#F7CA88</span><br><span class="line">               //侧边栏</span><br><span class="line">               &quot;activityBar.foreground&quot;: &quot;#f08e8b&quot;,//界面侧边栏前景色</span><br><span class="line">                // 通知</span><br><span class="line">               &quot;editorCursor.background&quot;: &quot;#ee0a0a&quot;,// 编辑器光标背景色</span><br><span class="line">               &quot;editor.lineHighlightBackground&quot;: &quot;#0000007e&quot;,// 光标所在行高亮文本的背景颜色0f56687e</span><br><span class="line">               &quot;editor.lineHighlightBorder&quot;: &quot;#4b4e26&quot;,// 光标所在行高亮文本的边框色</span><br><span class="line">               &quot;list.focusBackground&quot;: &quot;#006f21&quot;, // 在编辑器中输入内容时联想列表内被选中项的背景色#005a6f,#7be00886,#7be00881</span><br><span class="line">               // 未激活 选项卡 颜色</span><br><span class="line">               &quot;tab.inactiveForeground&quot;: &quot;#c1c0c2&quot;,</span><br><span class="line">               // 激活选项卡 前景色</span><br><span class="line">               &quot;tab.activeForeground&quot;: &quot;#39d1ff&quot;,</span><br><span class="line">               // &quot;tab.activeBackground&quot;: &quot;#000000&quot;,</span><br><span class="line">               // 启用选项卡时编辑器组标题标题的背景颜色</span><br><span class="line">               // &quot;editorGroupHeader.tabsBackground&quot;: &quot;#000000&quot;,</span><br><span class="line">               // 侧栏 文件夹 名称 颜色</span><br><span class="line">               &quot;sideBar.foreground&quot;: &quot;#e3dbe7&quot;,</span><br><span class="line">               // 侧栏标题颜色</span><br><span class="line">               &quot;sideBarTitle.foreground&quot;: &quot;#00e8c6&quot;,</span><br><span class="line">               // 侧栏 选项 头部 字体颜色</span><br><span class="line">               &quot;sideBarSectionHeader.foreground&quot;: &quot;#00c3ff&quot;,</span><br><span class="line">               // 侧栏 outline 背景色</span><br><span class="line">               &quot;sideBarSectionHeader.background&quot;: &quot;#000000&quot;,</span><br><span class="line">               // 功能 选项栏 背景色</span><br><span class="line">               &quot;activityBar.background&quot;: &quot;#23262E&quot;,</span><br><span class="line"></span><br><span class="line">               // 设置guide线高亮颜色</span><br><span class="line">               &quot;editorIndentGuide.activeBackground&quot;: &quot;#ff0000&quot;,</span><br><span class="line">                // 编辑器 行号颜色</span><br><span class="line">               &quot;editorLineNumber.foreground&quot;:&quot;#11ebff&quot;,</span><br><span class="line">               // 编辑器 激活行号 前景色</span><br><span class="line">               &quot;editorLineNumber.activeForeground&quot;: &quot;#ff0505&quot;,</span><br><span class="line">               // 编辑器导航线的背景色，导航线包括边缘符号和行号</span><br><span class="line">               // &quot;editorGutter.background&quot;:&quot;#2c2931&quot;,</span><br><span class="line">               //编辑器光标颜色</span><br><span class="line">               &quot;editorCursor.foreground&quot;:&quot;#05c7f7&quot;,</span><br><span class="line">               // 编辑器所选内容的颜色</span><br><span class="line">               &quot;editor.selectionBackground&quot;: &quot;#05c7f7&quot;,</span><br><span class="line">           &#125;,</span><br><span class="line">           // 启用/禁用导航路径</span><br><span class="line">           &quot;breadcrumbs.enabled&quot;: true,</span><br><span class="line">           // git是否启用自动拉取</span><br><span class="line">           &quot;minapp-vscode.disableAutoConfig&quot;: true,</span><br><span class="line">           &quot;view-in-browser.customBrowser&quot;: &quot;chrome&quot;,</span><br><span class="line">           // VScode 文件搜索区域配置</span><br><span class="line">           &quot;search.exclude&quot;: &#123;</span><br><span class="line">               &quot;**/dist&quot;: true,</span><br><span class="line">               &quot;**/build&quot;: true,</span><br><span class="line">               &quot;**/elehukouben&quot;: true,</span><br><span class="line">               &quot;**/.git&quot;: true,</span><br><span class="line">               &quot;**/.gitignore&quot;: true,</span><br><span class="line">               &quot;**/.svn&quot;: true,</span><br><span class="line">               &quot;**/.DS_Store&quot;: true,</span><br><span class="line">               &quot;**/.idea&quot;: true,</span><br><span class="line">               &quot;**/.vscode&quot;: false,</span><br><span class="line">               &quot;**/yarn.lock&quot;: true,</span><br><span class="line">               &quot;**/tmp&quot;: true</span><br><span class="line">           &#125;,</span><br><span class="line">           // 配置emmet是否启用tab展开缩写</span><br><span class="line">           &quot;emmet.triggerExpansionOnTab&quot;: true,</span><br><span class="line">           // 配置emmet对文件类型的支持</span><br><span class="line">           &quot;emmet.syntaxProfiles&quot;: &#123;</span><br><span class="line">               &quot;vue-html&quot;: &quot;html&quot;,</span><br><span class="line">               &quot;vue&quot;: &quot;html&quot;,</span><br><span class="line">               &quot;javascript&quot;: &quot;javascriptreact&quot;,</span><br><span class="line">               &quot;xml&quot;: &#123;</span><br><span class="line">                   &quot;attr_quotes&quot;: &quot;single&quot;</span><br><span class="line">               &#125;</span><br><span class="line">           &#125;,</span><br><span class="line">           &quot;vetur.format.defaultFormatter.html&quot;: &quot;js-beautify-html&quot;,</span><br><span class="line">           &quot;vetur.format.defaultFormatterOptions&quot;: &#123;</span><br><span class="line">               &quot;wrap_attributes&quot;: &quot;force-aligned&quot;</span><br><span class="line">           &#125;,</span><br><span class="line">           // 是否开启eslint检测</span><br><span class="line">           &quot;eslint.enable&quot;: false,</span><br><span class="line">           // 格式化快捷键 shirt+alt+F</span><br><span class="line">           // prettier进行格式化时是否安装eslint配置去执行，建议false</span><br><span class="line">           // 如果为true，将使用单引号而不是双引号</span><br><span class="line">           // 调试，本地服务器配置</span><br><span class="line">           &quot;launch&quot;: &#123;</span><br><span class="line">               &quot;configurations&quot;: [&#123;</span><br><span class="line">                       &quot;type&quot;: &quot;node&quot;,</span><br><span class="line">                       &quot;request&quot;: &quot;launch&quot;,</span><br><span class="line">                       &quot;name&quot;: &quot;Node.js&quot;,</span><br><span class="line">                       &quot;program&quot;: &quot;$&#123;file&#125;&quot;</span><br><span class="line">                   &#125;,</span><br><span class="line">                   &#123;</span><br><span class="line">                       &quot;type&quot;: &quot;chrome&quot;,</span><br><span class="line">                       &quot;request&quot;: &quot;launch&quot;,</span><br><span class="line">                       &quot;name&quot;: &quot;vuejs: chrome&quot;,</span><br><span class="line">                       &quot;url&quot;: &quot;http://localhost:8080&quot;,</span><br><span class="line">                       &quot;webRoot&quot;: &quot;$&#123;workspaceFolder&#125;/src&quot;,</span><br><span class="line">                       &quot;breakOnLoad&quot;: true,</span><br><span class="line">                       &quot;sourceMapPathOverrides&quot;: &#123;</span><br><span class="line">                       &quot;webpack:///src/*&quot;: &quot;$&#123;webRoot&#125;/*&quot;</span><br><span class="line">                   &#125;</span><br><span class="line">               &#125;</span><br><span class="line">           ],</span><br><span class="line">           &quot;compounds&quot;: []</span><br><span class="line">       &#125;,</span><br><span class="line">       // 是否格式化python文件</span><br><span class="line">       &quot;python.linting.enabled&quot;: false,</span><br><span class="line">       // 设置端口。开启apicloud在vscode中的wifi真机同步</span><br><span class="line">       &quot;apicloud.port&quot;: &quot;23450&quot;,</span><br><span class="line">       // 设置apicloud在vscode中的wifi真机同步根目录，默认可不设置</span><br><span class="line">       &quot;apicloud.subdirectories&quot;: &quot;/apicloudproject&quot;,</span><br><span class="line">       // git 部分配置</span><br><span class="line">       &quot;gitlens.advanced.messages&quot;: &#123;</span><br><span class="line">           &quot;suppressShowKeyBindingsNotice&quot;: true</span><br><span class="line">       &#125;,</span><br><span class="line">       &quot;git.path&quot;: &quot;C:/Program Files/Git/cmd/git.exe&quot;,</span><br><span class="line">       &quot;git.autofetch&quot;: true,</span><br><span class="line">       &quot;git.confirmSync&quot;: false,</span><br><span class="line">       &quot;open-in-browser.default&quot;: &quot;Google Chrome&quot;,</span><br><span class="line">           &quot;emmet.includeLanguages&quot;: &#123;</span><br><span class="line">               &quot;javascript&quot;: &quot;javascriptreact&quot;</span><br><span class="line">           &#125;,</span><br><span class="line">           &quot;workbench.startupEditor&quot;: &quot;welcomePage&quot;,</span><br><span class="line">           &quot;explorer.confirmDelete&quot;: false,</span><br><span class="line">           &quot;ycy.reminderViewIntervalInMinutes&quot;: 30,</span><br><span class="line">           &quot;liveServer.settings.donotShowInfoMsg&quot;: true,</span><br><span class="line">           &quot;[python]&quot;: &#123;</span><br><span class="line">               &quot;editor.defaultFormatter&quot;: &quot;remimarsal.prettier-now&quot;</span><br><span class="line">           &#125;,</span><br><span class="line">           &quot;security.workspace.trust.untrustedFiles&quot;: &quot;open&quot;,</span><br><span class="line">           &quot;vsicons.dontShowNewVersionMessage&quot;: true,</span><br><span class="line">           &quot;tangwei.renderViewIntervalInMinutes&quot;: 25,</span><br><span class="line">           // Easy LESS 配置</span><br><span class="line">         // less</span><br><span class="line">           &quot;less.compile&quot;: &#123;</span><br><span class="line">           &quot;compress&quot;: false,// 是否压缩</span><br><span class="line">           &quot;sourceMap&quot;: false,//是否生成map文件，有了这个可以在调试台看到less行数</span><br><span class="line">           &quot;out&quot;: &quot;../css/&quot;, // 是否输出css文件，false为不输出 ，导出包</span><br><span class="line">           &quot;outExt&quot;: &quot;.css&quot;, // 输出文件的后缀</span><br><span class="line">           &#125;,</span><br><span class="line">           &quot;liveServer.settings.donotVerifyTags&quot;: true,</span><br><span class="line">           &quot;[jsonc]&quot;: &#123;</span><br><span class="line">               &quot;editor.defaultFormatter&quot;: &quot;remimarsal.prettier-now&quot;</span><br><span class="line">           &#125;,</span><br><span class="line">           &quot;[less]&quot;: &#123;</span><br><span class="line">               &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">           &#125;,</span><br><span class="line">           &quot;editor.fontLigatures&quot;: false,</span><br><span class="line">           &quot;css.format.spaceAroundSelectorSeparator&quot;: true,</span><br><span class="line">           // 设置 html 字体大小的基准值 默认为 16</span><br><span class="line">           &quot;cssrem.rootFontSize&quot;: 37.5,</span><br><span class="line">           &quot;files.autoSave&quot;: &quot;afterDelay&quot;,</span><br><span class="line">           &quot;search.followSymlinks&quot;: false,</span><br><span class="line">           &quot;px2vw.width&quot;: 375,</span><br><span class="line">           &quot;editor.inlineSuggest.enabled&quot;: true,</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">           &quot;terminal.integrated.cursorBlinking&quot;: true,//控制终端光标是否闪烁</span><br><span class="line">           &quot;terminal.integrated.lineHeight&quot;: 2,//终端的行高</span><br><span class="line">   &#125;</span><br></pre></td></tr></table></figure>
</li>
</ol>
<h2 id="自定义颜色主题-json"><a href="#自定义颜色主题-json" class="headerlink" title="自定义颜色主题 json"></a>自定义颜色主题 json</h2><ol>
<li><p>```json<br>{</p>
<pre><code>&quot;workbench.iconTheme&quot;: &quot;vscode-icons&quot;,
&quot;workbench.colorTheme&quot;: &quot;Solarized Dark&quot;,
&quot;editor.fontFamily&quot;: &quot;Consolas, Small Fonts, Segoe MDL2 Assets, Lucida Console, Comic Sans MS, Calibri, 幼圆, Consolas, monospace, &#39;Courier New&#39;&quot;,
&quot;window.zoomLevel&quot;: 0,
// &quot;editor.codeActionsOnSave&quot;: null,

//终端
&quot;terminal.integrated.cursorBlinking&quot;: true,//控制终端光标是否闪烁
&quot;terminal.integrated.lineHeight&quot;: 1.1,//终端的行高
// &quot;terminal.integrated.letterSpacing&quot;: 0.1,
// &quot;terminal.integrated.fontSize&quot;: 11, //字体大小设置
// &quot;terminal.integrated.fontFamily&quot;: &quot;Small Fonts, Lucida Console&quot;, //字体设置
// &quot;terminal.integrated.shell.linux&quot;: &quot;/bin/zsh&quot;,
// &quot;terminal.integrated.shell.windows&quot;: null,//终端在 Windows 上使用的 shell 的路径

//各个ui组件颜色设置
&quot;workbench.colorCustomizations&quot;: &#123;
    //顶部菜单栏
    &quot;titleBar.activeBackground&quot;: &quot;#002C39&quot;,//窗口处于活动状态时顶部菜单栏背景色
    // &quot;titleBar.activeForeground&quot;: &quot;#ff0000&quot;,//窗口处于活动状态时顶部菜单栏前景色
    &quot;titleBar.border&quot;: &quot;#04799c&quot;,//顶部菜单栏边框颜色
        &quot;titleBar.inactiveBackground&quot;: &quot;#6c7679&quot;,//窗口处于非活动状态时顶部菜单栏背景色
    // &quot;titleBar.inactiveForeground&quot;: &quot;#ff0000&quot;,//窗口处于非活动状态时顶部菜单栏前景色

    //底部状态栏
    &quot;statusBar.background&quot;: &quot;#0e440e&quot;,// 底部状态栏#0e440e,#28556e,#00212B
    // &quot;statusBar.noFolderBackground&quot;: &quot;#000&quot;,//没有打开文件夹时状态栏的背景色#00212B
    &quot;statusBar.debuggingBackground&quot;: &quot;#038803&quot;,//调试程序时状态栏的背景色
    &quot;statusBar.debuggingForeground&quot;: &quot;#eafdfd&quot;,//#93a1a1调试程序时状态栏的字体色
    // &quot;statusBar.border&quot;: &quot;#c288c4&quot;,//状态栏分隔侧边栏和编辑器的边框颜色
    &quot;statusBar.foreground&quot;: &quot;#93A1A1&quot;,
    // &quot;statusBarItem.remoteBackground&quot;: &quot;#2AA19899&quot;,//#2AA19899
    // &quot;statusBarItem.prominentBackground&quot;: &quot;#003847&quot;,//#003847
    // &quot;statusBarItem.prominentHoverBackground&quot;: &quot;#f70505&quot;,//#003847
    // &quot;debugToolBar.background&quot;: &quot;#0a5329&quot;,//调试工具栏背景颜色#00212B
    // &quot;debugExceptionWidget.background&quot;: &quot;#8ebcca&quot;,//异常小组件背景颜色#00212B
    // &quot;debugExceptionWidget.border&quot;: &quot;#AB395B&quot;,//异常小组件边框颜色#AB395B

    //资源管理器
    // &quot;sideBar.background&quot;: &quot;#000&quot;,//资源管理器页面背景色
    // &quot;sideBarSectionHeader.border&quot;: &quot;#c48888&quot;,//侧边栏节标题的边框颜色
    // &quot;sideBarSectionHeader.background&quot;: &quot;#ff0000&quot;,//侧边栏节标题的背景颜色
    // &quot;sideBar.foreground&quot;: &quot;#0be8f0&quot;,//侧边栏文件名颜色
    // &quot;activityBar.border&quot;: &quot;#1c5532&quot;,//侧边栏边框分隔活动栏的边框颜色
    // &quot;sideBar.border&quot;: &quot;#8ac488&quot;,//侧边栏分隔编辑器的边框颜色
    // &quot;sideBarTitle.foreground&quot;: &quot;#c48888&quot;,//侧边栏标题前景色
    &quot;sideBarSectionHeader.foreground&quot;: &quot;#799ea3&quot;,//侧边栏节标题的前景色
    // &quot;sideBarSectionHeader.background&quot;: &quot;#000&quot;,//侧边栏节标题的背景颜色
    // &quot;sideBar.dropBackground&quot;: &quot;#ff0000&quot;,//侧边栏中的部分在拖放时的反馈颜色
    //资源管理器内文件列表
    &quot;list.activeSelectionBackground&quot;: &quot;#003440&quot;,//选中文件时的背景色#005a6f
    &quot;list.inactiveSelectionBackground&quot;: &quot;#003440&quot;,//选中文件非活动时时的背景色#003440
    &quot;list.activeSelectionForeground&quot;: &quot;#e7c70e&quot;,//选中文件时的前景色#dabb0d
    &quot;list.inactiveSelectionForeground&quot;: &quot;#e7c70e&quot;,//选中文件非活动时时的前景色#058637
    &quot;list.hoverBackground&quot;: &quot;#043a467a&quot;,//鼠标悬停文件上方时的背景色
    &quot;list.hoverForeground&quot;: &quot;#e7c60e91&quot;,//鼠标悬停文件上方时的前景色
    // &quot;list.errorForeground&quot;: &quot;#ff0000&quot;,//包含错误的列表项的前景颜色

    //终端控制台
    // &quot;panel.background&quot;: &quot;#164123&quot;,//控制台背景色
    &quot;panel.border&quot;: &quot;#04799ca4&quot;,//控制台与编辑器分割线颜色#04799c
    // &quot;panelInput.border&quot;: &quot;#ff0000&quot;,//调试控制台筛选器边框颜色
    // &quot;panelTitle.activeBorder&quot;: &quot;#fdfdfd&quot;,//活动面板标题的下边框颜色
    &quot;panelTitle.activeForeground&quot;: &quot;#faf8f8&quot;,//活动面板的标题颜色
    // &quot;panelTitle.inactiveForeground&quot;: &quot;#ff0000&quot;,//非活动面板的标题颜色

    // &quot;terminal.background&quot;: &quot;#181818&quot;,//终端的背景颜色
    // &quot;terminal.foreground&quot;: &quot;#50b962&quot;,//终端的前景颜色#26e045
    // &quot;terminalCursor.background&quot;: &quot;#D8D8D8&quot;,//终端光标的背景色
    // &quot;terminalCursor.foreground&quot;: &quot;#D8D8D8&quot;,//终端光标的前景色
    &quot;terminal.ansiBlack&quot;: &quot;#181818&quot;,
    &quot;terminal.ansiBlue&quot;: &quot;#7CAFC2&quot;,
    &quot;terminal.ansiBrightBlack&quot;: &quot;#585858&quot;,
    &quot;terminal.ansiBrightBlue&quot;: &quot;#7CAFC2&quot;,
    &quot;terminal.ansiBrightCyan&quot;: &quot;#86C1B9&quot;,//#86C1B9
    &quot;terminal.ansiBrightGreen&quot;: &quot;#A1B56C&quot;,
    &quot;terminal.ansiBrightMagenta&quot;: &quot;#BA8BAF&quot;,
    &quot;terminal.ansiBrightRed&quot;: &quot;#AB4642&quot;,
    &quot;terminal.ansiBrightWhite&quot;: &quot;#F8F8F8&quot;,//#F8F8F8
    &quot;terminal.ansiBrightYellow&quot;: &quot;#caf50a&quot;,//终端输入“python”的颜色#F7CA88,#f5970a
    &quot;terminal.ansiCyan&quot;: &quot;#305352&quot;,//按F5时终端调试时的一串文字的颜色#86C1B9,#465c59
    &quot;terminal.ansiGreen&quot;: &quot;#A1B56C&quot;,
    &quot;terminal.ansiMagenta&quot;: &quot;#BA8BAF&quot;,
    &quot;terminal.ansiRed&quot;: &quot;#AB4642&quot;,
    &quot;terminal.ansiWhite&quot;: &quot;#D8D8D8&quot;,//#D8D8D8
    &quot;terminal.ansiYellow&quot;: &quot;#F7CA88&quot;,//#F7CA88
    // &quot;terminal.selectionBackground&quot;: &quot;#ff0000&quot;,//终端选中内容的背景颜色

    //侧边栏
    // &quot;activityBar.background&quot;: &quot;#000&quot;,//界面侧边栏（活动栏）
    // &quot;activityBar.activeBorder&quot;: &quot;#5f7770&quot;,//界面侧边栏-选项卡选中边框颜色#5f7770
    &quot;activityBar.activeBackground&quot;: &quot;#218376&quot;,//界面侧边栏-活动栏选项卡选中背景标记
    // &quot;activityBar.foreground&quot;: &quot;#f8a7a4&quot;,//界面侧边栏前景色

    //通知
    &quot;badge.background&quot;: &quot;#6f78a8&quot;,//通知徽章背景色。743a8f
    &quot;badge.foreground&quot;: &quot;#fdfcfc&quot;,//通知徽章前景色。
    &quot;activityBarBadge.background&quot;:&quot;#fdfcfc&quot;,//侧边活动栏通知徽章背景色
    &quot;activityBarBadge.foreground&quot;: &quot;#003847&quot;,//侧边活动栏通知徽章前景色218376

    //编辑器选项卡
    // &quot;tab.inactiveBackground&quot;: &quot;#000&quot;,//非活动选项卡的背景色
    // &quot;tab.inactiveForeground&quot;: &quot;#000&quot;,//非活动选项卡的前景色
    // &quot;tab.activeBackground&quot;: &quot;#493f3f&quot;,//编辑器当前正在编辑文件选项卡标记  b8b9988c
    &quot;tab.hoverBackground&quot;: &quot;#3e666b&quot;,//当前鼠标悬停的选项卡背景色（编辑器活动组内）
    &quot;tab.hoverForeground&quot;: &quot;#d8e0e2cb&quot;,//当前鼠标悬停的选项卡前景色（编辑器活动组内）
    &quot;tab.activeForeground&quot;: &quot;#e7c70e&quot;,//活动组中活动选项卡的前景色e7c70e#2e9c4a#14d66b
    // &quot;tab.activeBorder&quot;: &quot;#92c488&quot;,//活动选项卡底部的边框
    // &quot;diffEditor.border&quot;: &quot;#ff0000&quot;,//两个文本编辑器之间的边框颜色
    // &quot;tab.border&quot;: &quot;#01303d&quot;,//将选项卡彼此分隔开的边框颜色#003847
    &quot;tab.activeBorderTop&quot;: &quot;#00d9ff&quot;,//活动选项卡顶部的边框
    // &quot;tab.hoverBorder&quot;: &quot;#00d9ff&quot;,//选项卡被悬停时用于突出显示的边框(在底部)

    //菜单栏
    // &quot;menubar.selectionBackground&quot;: &quot;#C48888&quot;,//顶部所选菜单栏
    // &quot;menu.selectionBackground&quot;: &quot;#73c720&quot;,//菜单栏内所选项
    // &quot;menu.selectionBorder&quot;: &quot;#C48888&quot;,//菜单中所选菜单项的边框颜色
    // &quot;menu.foreground&quot;: &quot;#fdf4c1&quot;,//菜单项的前景颜色
    // &quot;menu.background&quot;: &quot;#c48888&quot;,//菜单项的背景颜色
    // &quot;menu.separatorBackground&quot;: &quot;#eb0c0c&quot;,//菜单中分隔线的颜色

    //编辑器
    // &quot;editor.selectionBackground&quot;: &quot;#701c81&quot;,//选中内容的背景颜色135564,#2e4e52
    // &quot;editor.findMatchBorder&quot;: &quot;#ff0000&quot;,
    // &quot;editor.selectionHighlightBackground&quot;: &quot;#4f486da9&quot;,//单机点击代码后的颜色&amp;与所选内容具有相同内容的区域颜色135564，135564ab
    // &quot;editor.selectionHighlightBorder&quot;: &quot;#ff0000&quot;,//与所选项内容相同的区域的边框颜色。
    // &quot;editor.rangeHighlightBackground&quot;: &quot;#ff0000&quot;,//当前搜索匹配项所在行的背景色
    &quot;editor.rangeHighlightBorder&quot;: &quot;#f1ebeb&quot;,//当前搜索匹配项所在行的边框背景色
    &quot;editor.selectionForeground&quot;: &quot;#ee4444&quot;,//fcfcfc，ee444
    // &quot;editor.hoverHighlightBackground&quot;: &quot;#f03c81&quot;,//鼠标悬停内容的颜色
    &quot;editor.findMatchBackground&quot;: &quot;#ffee00&quot;,//当前搜索匹配项的颜色
    &quot;editor.findMatchHighlightBackground&quot;: &quot;#797874ef&quot;,//其他搜索匹配项的颜色
    &quot;editor.findMatchHighlightBorder&quot;: &quot;#ffee00cb&quot;,//其他搜索匹配项的边框颜色
    // &quot;editorBracketMatch.background&quot;: &quot;#ff0000&quot;,//匹配括号的背景色
    // &quot;editorBracketMatch.border&quot;: &quot;#ff0000&quot;,//匹配括号的背景边框色
    &quot;editorCursor.background&quot;: &quot;#f9faf9&quot;,//编辑器光标背景色
    &quot;editorCursor.foreground&quot;: &quot;#f9faf9&quot;,//编辑器光标颜色
    // &quot;editor.lineHighlightBackground&quot;: &quot;#0f56687e&quot;,//光标所在行高亮文本的背景颜色0f56687e
    // &quot;editor.lineHighlightBorder&quot;: &quot;#ddeb1221&quot;,//光标所在行高亮文本的边框色
    &quot;textCodeBlock.background&quot;: &quot;#99198e94&quot;,//9bf706
    &quot;editor.wordHighlightBackground&quot;: &quot;#04fcc6&quot;,//单机点击选择相同代码后的颜色(主要用于html标签)
    &quot;editorGutter.background&quot;: &quot;#1e3441&quot;,//编辑器导航线的背景色，导航线包括边缘符号和行号
    &quot;editorLineNumber.foreground&quot;: &quot;#acb9b8&quot;,//编辑器行号颜色
    // &quot;editorLineNumber.activeForeground&quot;: &quot;#faf5f5&quot;,//编辑器活动行号的颜色
    // &quot;editor.background&quot;: &quot;#002B36&quot;,//编辑器背景颜色（这个设置会影响控制台背景色）
    // &quot;editor.foreground&quot;: &quot;#f5f0f0&quot;,//编辑器默认前景色(字体颜色)
    &quot;list.focusBackground&quot;: &quot;#006f21&quot;,//在编辑器中输入内容时联想列表内被选中项的背景色#005a6f,#7be00886,#7be00881
    // &quot;editorWidget.background&quot;: &quot;#013b4d&quot;,//编辑器组件(如查找/替换/输入联想框)背景颜色。#00212B,013b4d
    &quot;editorWidget.border&quot;: &quot;#078d7b&quot;,//编辑器小部件的边框颜色
    // &quot;editorWidget.foreground&quot;: &quot;#ff0000&quot;,//编辑器小部件的前景色
    // &quot;editorHoverWidget.background&quot;: &quot;#004052&quot;,//编辑器悬停提示的背景颜色#004052
    &quot;editorWidget.resizeBorder&quot;: &quot;#0cbda5&quot;,//编辑器小部件大小调整条的边框颜色
    &quot;editorWhitespace.foreground&quot;: &quot;#e9e8f0d0&quot;,//编辑器选中空白字符（如空格）时字符的颜色
    &quot;minimap.selectionHighlight&quot;: &quot;#e4ebea&quot;,//编辑器选区在迷你地图中对应的标记颜色#274642
    // &quot;editorIndentGuide.background&quot;: &quot;#93A1A180&quot;,//编辑器缩进参考线的颜色#93A1A180
    // &quot;editorIndentGuide.activeBackground&quot;: &quot;#C3E1E180&quot;,//编辑器活动缩进参考线的颜色#C3E1E180
&#125;,
//编辑器内容--代码段颜色&amp;语法高亮颜色
&quot;editor.tokenColorCustomizations&quot;: &#123;
    // &quot;comments&quot;: &quot;#9ea023da&quot;,//注释
    // &quot;keywords&quot;: &quot;#0a0&quot;,//关键字
    // &quot;variables&quot;: &quot;#f00&quot;,//变量名
    // &quot;strings&quot;: &quot;#18170fbd&quot;,//字符串
    // &quot;functions&quot;: &quot;#fc735bc9&quot;,//函数名
    // &quot;numbers&quot;: &quot;#AE81FF&quot;,//数字
    // &quot;types&quot;: &quot;#e0139c&quot;,//类型名
    &quot;storage&quot;: &quot;#FF0000&quot;,
    &quot;textMateRules&quot;: [
        //函数
        &#123;
            &quot;scope&quot;: &quot;meta.function-call.generic.python&quot;,
            &quot;settings&quot;: &#123;
                &quot;foreground&quot;: &quot;#0f7fd2&quot;//#578dac, ##0f7fd2, #78a7cc,#84b6dd
            &#125;
        &#125;,
        //函数内固定参数名
        &#123;
            &quot;scope&quot;: &quot;variable.parameter.function-call.python&quot;,
            &quot;settings&quot;: &#123;
                &quot;foreground&quot;: &quot;#6b689efb&quot;//#859900,79831f
            &#125;
        &#125;,
        //三引号注释
        &#123;
            &quot;scope&quot;: &quot;string.quoted.docstring.multi.python&quot;,
            &quot;settings&quot;: &#123;
                &quot;foreground&quot;: &quot;#10d4b0&quot;//#709baa,
            &#125;
        &#125;,
        // //类名&amp;方法名
        // &#123;
        //     &quot;scope&quot;: &quot;storage.type&quot;,
        //     &quot;settings&quot;: &#123;
        //         &quot;foreground&quot;: &quot;#a8b1a6&quot;
        //     &#125;
        // &#125;,
        //关键字
        &#123;
            &quot;name&quot;: &quot;keyword&quot;,
            &quot;scope&quot;: &quot;keyword.control.flow.python&quot;,
            &quot;settings&quot;: &#123;
                &quot;foreground&quot;: &quot;#14b414&quot;//#29cf3d, #049415, #14b414
            &#125;
        &#125;,
        //类型名称
        &#123;
            &quot;name&quot;: &quot;types&quot;,
            // &quot;scope&quot;: [&quot;comment&quot;, &quot;comment&quot;,],
            &quot;scope&quot;: &quot;support.type.python&quot;,
            &quot;settings&quot;: &#123;
                &quot;foreground&quot;: &quot;#eea0cd&quot;//#eea0cd
            &#125;
        &#125;,
    ]
&#125;,
// &quot;editor.fontLigatures&quot;: null,

//设置不同语言的缩进距离
// &quot;[python]&quot;: &#123;
//     &quot;editor.tabSize&quot;: 4
// &#125;,
&quot;[html]&quot;: &#123;
    &quot;editor.tabSize&quot;: 2
&#125;,
&quot;[css]&quot;: &#123;
    &quot;editor.tabSize&quot;: 2
&#125;,
&quot;[javascript]&quot;: &#123;
    &quot;editor.tabSize&quot;: 2
&#125;,
</code></pre><p>}</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br><span class="line">227</span><br><span class="line">228</span><br><span class="line">229</span><br><span class="line">230</span><br><span class="line">231</span><br><span class="line">232</span><br><span class="line">233</span><br><span class="line">234</span><br><span class="line">235</span><br><span class="line">236</span><br><span class="line">237</span><br><span class="line">238</span><br><span class="line">239</span><br><span class="line">240</span><br><span class="line">241</span><br><span class="line">242</span><br><span class="line">243</span><br><span class="line">244</span><br><span class="line">245</span><br><span class="line">246</span><br><span class="line">247</span><br><span class="line">248</span><br><span class="line">249</span><br><span class="line">250</span><br><span class="line">251</span><br><span class="line">252</span><br><span class="line">253</span><br><span class="line">254</span><br><span class="line">255</span><br><span class="line">256</span><br><span class="line">257</span><br><span class="line">258</span><br><span class="line">259</span><br><span class="line">260</span><br><span class="line">261</span><br><span class="line">262</span><br><span class="line">263</span><br><span class="line">264</span><br><span class="line">265</span><br><span class="line">266</span><br><span class="line">267</span><br><span class="line">268</span><br><span class="line">269</span><br><span class="line">270</span><br><span class="line">271</span><br><span class="line">272</span><br><span class="line">273</span><br><span class="line">274</span><br><span class="line">275</span><br><span class="line">276</span><br><span class="line">277</span><br><span class="line">278</span><br><span class="line">279</span><br><span class="line">280</span><br><span class="line">281</span><br><span class="line">282</span><br><span class="line">283</span><br><span class="line">284</span><br><span class="line">285</span><br><span class="line">286</span><br><span class="line">287</span><br><span class="line">288</span><br><span class="line">289</span><br><span class="line">290</span><br><span class="line">291</span><br><span class="line">292</span><br><span class="line">293</span><br><span class="line">294</span><br><span class="line">295</span><br><span class="line">296</span><br><span class="line">297</span><br><span class="line">298</span><br><span class="line">299</span><br><span class="line">300</span><br><span class="line">301</span><br><span class="line">302</span><br><span class="line">303</span><br><span class="line">304</span><br><span class="line">305</span><br><span class="line">306</span><br><span class="line">307</span><br><span class="line">308</span><br><span class="line">309</span><br><span class="line">310</span><br><span class="line">311</span><br><span class="line">312</span><br><span class="line">313</span><br><span class="line">314</span><br><span class="line">315</span><br><span class="line">316</span><br><span class="line">317</span><br><span class="line">318</span><br><span class="line">319</span><br><span class="line">320</span><br><span class="line">321</span><br><span class="line">322</span><br><span class="line">323</span><br><span class="line">324</span><br><span class="line">325</span><br><span class="line">326</span><br><span class="line">327</span><br><span class="line">328</span><br><span class="line">329</span><br><span class="line">330</span><br><span class="line">331</span><br><span class="line">332</span><br><span class="line">333</span><br><span class="line">334</span><br><span class="line">335</span><br><span class="line">336</span><br><span class="line">337</span><br><span class="line">338</span><br><span class="line">339</span><br><span class="line">340</span><br><span class="line">341</span><br><span class="line">342</span><br><span class="line">343</span><br><span class="line">344</span><br><span class="line">345</span><br><span class="line">346</span><br><span class="line">347</span><br><span class="line">348</span><br><span class="line">349</span><br><span class="line">350</span><br><span class="line">351</span><br><span class="line">352</span><br><span class="line">353</span><br><span class="line">354</span><br><span class="line">355</span><br><span class="line">356</span><br><span class="line">357</span><br><span class="line">358</span><br><span class="line">359</span><br><span class="line">360</span><br><span class="line">361</span><br><span class="line">362</span><br><span class="line">363</span><br><span class="line">364</span><br><span class="line">365</span><br><span class="line">366</span><br><span class="line">367</span><br><span class="line">368</span><br><span class="line">369</span><br><span class="line">370</span><br><span class="line">371</span><br><span class="line">372</span><br><span class="line">373</span><br><span class="line">374</span><br><span class="line">375</span><br><span class="line">376</span><br><span class="line">377</span><br><span class="line">378</span><br><span class="line">379</span><br><span class="line">380</span><br><span class="line">381</span><br><span class="line">382</span><br><span class="line">383</span><br><span class="line">384</span><br><span class="line">385</span><br><span class="line">386</span><br><span class="line">387</span><br><span class="line">388</span><br><span class="line">389</span><br><span class="line">390</span><br><span class="line">391</span><br><span class="line">392</span><br><span class="line">393</span><br><span class="line">394</span><br><span class="line">395</span><br><span class="line">396</span><br><span class="line">397</span><br><span class="line">398</span><br><span class="line">399</span><br><span class="line">400</span><br><span class="line">401</span><br><span class="line">402</span><br><span class="line">403</span><br><span class="line">404</span><br><span class="line">405</span><br><span class="line">406</span><br><span class="line">407</span><br><span class="line">408</span><br><span class="line">409</span><br><span class="line">410</span><br><span class="line">411</span><br><span class="line">412</span><br><span class="line">413</span><br><span class="line">414</span><br><span class="line">415</span><br><span class="line">416</span><br><span class="line">417</span><br><span class="line">418</span><br><span class="line">419</span><br><span class="line">420</span><br><span class="line">421</span><br><span class="line">422</span><br><span class="line">423</span><br><span class="line">424</span><br><span class="line">425</span><br><span class="line">426</span><br><span class="line">427</span><br><span class="line">428</span><br><span class="line">429</span><br><span class="line">430</span><br><span class="line">431</span><br><span class="line">432</span><br><span class="line">433</span><br><span class="line">434</span><br><span class="line">435</span><br><span class="line">436</span><br><span class="line">437</span><br><span class="line">438</span><br><span class="line">439</span><br><span class="line">440</span><br><span class="line">441</span><br><span class="line">442</span><br><span class="line">443</span><br><span class="line">444</span><br><span class="line">445</span><br><span class="line">446</span><br><span class="line">447</span><br><span class="line">448</span><br><span class="line">449</span><br><span class="line">450</span><br><span class="line">451</span><br><span class="line">452</span><br><span class="line">453</span><br><span class="line">454</span><br><span class="line">455</span><br><span class="line">456</span><br><span class="line">457</span><br><span class="line">458</span><br><span class="line">459</span><br><span class="line">460</span><br><span class="line">461</span><br><span class="line">462</span><br><span class="line">463</span><br><span class="line">464</span><br><span class="line">465</span><br><span class="line">466</span><br><span class="line">467</span><br><span class="line">468</span><br><span class="line">469</span><br><span class="line">470</span><br><span class="line">471</span><br><span class="line">472</span><br><span class="line">473</span><br><span class="line">474</span><br><span class="line">475</span><br><span class="line">476</span><br><span class="line">477</span><br><span class="line">478</span><br><span class="line">479</span><br><span class="line">480</span><br><span class="line">481</span><br><span class="line">482</span><br><span class="line">483</span><br><span class="line">484</span><br><span class="line">485</span><br><span class="line">486</span><br><span class="line">487</span><br><span class="line">488</span><br><span class="line">489</span><br><span class="line">490</span><br><span class="line">491</span><br><span class="line">492</span><br><span class="line">493</span><br><span class="line">494</span><br><span class="line">495</span><br><span class="line">496</span><br><span class="line">497</span><br><span class="line">498</span><br><span class="line">499</span><br><span class="line">500</span><br><span class="line">501</span><br><span class="line">502</span><br><span class="line">503</span><br><span class="line">504</span><br><span class="line">505</span><br><span class="line">506</span><br><span class="line">507</span><br><span class="line">508</span><br><span class="line">509</span><br><span class="line">510</span><br><span class="line">511</span><br><span class="line">512</span><br><span class="line">513</span><br><span class="line">514</span><br><span class="line">515</span><br><span class="line">516</span><br><span class="line">517</span><br><span class="line">518</span><br><span class="line">519</span><br><span class="line">520</span><br><span class="line">521</span><br><span class="line">522</span><br><span class="line">523</span><br><span class="line">524</span><br><span class="line">525</span><br><span class="line">526</span><br><span class="line">527</span><br><span class="line">528</span><br><span class="line">529</span><br><span class="line">530</span><br><span class="line">531</span><br><span class="line">532</span><br><span class="line">533</span><br><span class="line">534</span><br><span class="line">535</span><br><span class="line">536</span><br><span class="line">537</span><br><span class="line">538</span><br><span class="line">539</span><br><span class="line">540</span><br><span class="line">541</span><br><span class="line">542</span><br><span class="line">543</span><br><span class="line">544</span><br><span class="line">545</span><br><span class="line">546</span><br><span class="line">547</span><br><span class="line">548</span><br><span class="line">549</span><br><span class="line">550</span><br><span class="line">551</span><br><span class="line">552</span><br><span class="line">553</span><br><span class="line">554</span><br><span class="line">555</span><br><span class="line">556</span><br><span class="line">557</span><br><span class="line">558</span><br><span class="line">559</span><br><span class="line">560</span><br><span class="line">561</span><br><span class="line">562</span><br><span class="line">563</span><br><span class="line">564</span><br><span class="line">565</span><br><span class="line">566</span><br><span class="line">567</span><br><span class="line">568</span><br><span class="line">569</span><br><span class="line">570</span><br><span class="line">571</span><br><span class="line">572</span><br><span class="line">573</span><br><span class="line">574</span><br><span class="line">575</span><br><span class="line">576</span><br><span class="line">577</span><br><span class="line">578</span><br><span class="line">579</span><br><span class="line">580</span><br><span class="line">581</span><br><span class="line">582</span><br><span class="line">583</span><br><span class="line">584</span><br><span class="line">585</span><br><span class="line">586</span><br><span class="line">587</span><br><span class="line">588</span><br><span class="line">589</span><br><span class="line">590</span><br><span class="line">591</span><br><span class="line">592</span><br><span class="line">593</span><br><span class="line">594</span><br><span class="line">595</span><br><span class="line">596</span><br><span class="line">597</span><br><span class="line">598</span><br><span class="line">599</span><br><span class="line">600</span><br><span class="line">601</span><br><span class="line">602</span><br><span class="line">603</span><br><span class="line">604</span><br><span class="line">605</span><br><span class="line">606</span><br><span class="line">607</span><br><span class="line">608</span><br><span class="line">609</span><br><span class="line">610</span><br><span class="line">611</span><br><span class="line">612</span><br><span class="line">613</span><br><span class="line">614</span><br><span class="line">615</span><br><span class="line">616</span><br><span class="line">617</span><br><span class="line">618</span><br><span class="line">619</span><br><span class="line">620</span><br><span class="line">621</span><br><span class="line">622</span><br><span class="line">623</span><br><span class="line">624</span><br><span class="line">625</span><br><span class="line">626</span><br><span class="line">627</span><br><span class="line">628</span><br><span class="line">629</span><br><span class="line">630</span><br><span class="line">631</span><br><span class="line">632</span><br><span class="line">633</span><br><span class="line">634</span><br><span class="line">635</span><br><span class="line">636</span><br><span class="line">637</span><br><span class="line">638</span><br><span class="line">639</span><br><span class="line">640</span><br><span class="line">641</span><br><span class="line">642</span><br><span class="line">643</span><br><span class="line">644</span><br><span class="line">645</span><br><span class="line">646</span><br><span class="line">647</span><br><span class="line">648</span><br><span class="line">649</span><br><span class="line">650</span><br><span class="line">651</span><br><span class="line">652</span><br><span class="line">653</span><br><span class="line">654</span><br><span class="line">655</span><br><span class="line">656</span><br><span class="line">657</span><br><span class="line">658</span><br><span class="line">659</span><br><span class="line">660</span><br><span class="line">661</span><br><span class="line">662</span><br><span class="line">663</span><br><span class="line">664</span><br><span class="line">665</span><br><span class="line">666</span><br><span class="line">667</span><br><span class="line">668</span><br><span class="line">669</span><br><span class="line">670</span><br><span class="line">671</span><br><span class="line">672</span><br><span class="line">673</span><br><span class="line">674</span><br><span class="line">675</span><br><span class="line">676</span><br><span class="line">677</span><br><span class="line">678</span><br><span class="line">679</span><br><span class="line">680</span><br><span class="line">681</span><br><span class="line">682</span><br><span class="line">683</span><br><span class="line">684</span><br><span class="line">685</span><br><span class="line">686</span><br><span class="line">687</span><br><span class="line">688</span><br><span class="line">689</span><br><span class="line">690</span><br><span class="line">691</span><br><span class="line">692</span><br><span class="line">693</span><br><span class="line">694</span><br><span class="line">695</span><br><span class="line">696</span><br><span class="line">697</span><br><span class="line">698</span><br><span class="line">699</span><br><span class="line">700</span><br><span class="line">701</span><br><span class="line">702</span><br><span class="line">703</span><br><span class="line">704</span><br><span class="line">705</span><br><span class="line">706</span><br><span class="line">707</span><br><span class="line">708</span><br><span class="line">709</span><br><span class="line">710</span><br><span class="line">711</span><br><span class="line">712</span><br><span class="line">713</span><br><span class="line">714</span><br><span class="line">715</span><br><span class="line">716</span><br><span class="line">717</span><br><span class="line">718</span><br><span class="line">719</span><br><span class="line">720</span><br><span class="line">721</span><br><span class="line">722</span><br><span class="line">723</span><br><span class="line">724</span><br><span class="line">725</span><br><span class="line">726</span><br><span class="line">727</span><br><span class="line">728</span><br><span class="line">729</span><br><span class="line">730</span><br><span class="line">731</span><br><span class="line">732</span><br><span class="line">733</span><br><span class="line">734</span><br><span class="line">735</span><br><span class="line">736</span><br><span class="line">737</span><br><span class="line">738</span><br><span class="line">739</span><br><span class="line">740</span><br><span class="line">741</span><br><span class="line">742</span><br><span class="line">743</span><br><span class="line">744</span><br><span class="line">745</span><br><span class="line">746</span><br><span class="line">747</span><br><span class="line">748</span><br><span class="line">749</span><br><span class="line">750</span><br><span class="line">751</span><br><span class="line">752</span><br><span class="line">753</span><br><span class="line">754</span><br><span class="line">755</span><br><span class="line">756</span><br><span class="line">757</span><br><span class="line">758</span><br><span class="line">759</span><br><span class="line">760</span><br><span class="line">761</span><br><span class="line">762</span><br><span class="line">763</span><br><span class="line">764</span><br><span class="line">765</span><br><span class="line">766</span><br><span class="line">767</span><br><span class="line">768</span><br><span class="line">769</span><br><span class="line">770</span><br><span class="line">771</span><br><span class="line">772</span><br><span class="line">773</span><br><span class="line">774</span><br><span class="line">775</span><br><span class="line">776</span><br><span class="line">777</span><br><span class="line">778</span><br><span class="line">779</span><br><span class="line">780</span><br><span class="line">781</span><br><span class="line">782</span><br><span class="line">783</span><br><span class="line">784</span><br><span class="line">785</span><br><span class="line">786</span><br><span class="line">787</span><br><span class="line">788</span><br><span class="line">789</span><br><span class="line">790</span><br><span class="line">791</span><br><span class="line">792</span><br><span class="line">793</span><br><span class="line">794</span><br><span class="line">795</span><br><span class="line">796</span><br><span class="line">797</span><br><span class="line">798</span><br><span class="line">799</span><br><span class="line">800</span><br><span class="line">801</span><br><span class="line">802</span><br><span class="line">803</span><br><span class="line">804</span><br><span class="line">805</span><br><span class="line">806</span><br><span class="line">807</span><br><span class="line">808</span><br><span class="line">809</span><br><span class="line">810</span><br><span class="line">811</span><br><span class="line">812</span><br><span class="line">813</span><br><span class="line">814</span><br><span class="line">815</span><br><span class="line">816</span><br><span class="line">817</span><br><span class="line">818</span><br><span class="line">819</span><br><span class="line">820</span><br><span class="line">821</span><br><span class="line">822</span><br><span class="line">823</span><br><span class="line">824</span><br><span class="line">825</span><br><span class="line">826</span><br><span class="line">827</span><br><span class="line">828</span><br><span class="line">829</span><br><span class="line">830</span><br></pre></td><td class="code"><pre><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">## 实习前之前的配置</span><br><span class="line"></span><br><span class="line">1. ```json</span><br><span class="line">   &#123;</span><br><span class="line">     &quot;editor.selectionHighlight&quot;: false, // 控制编辑器是否应突出显示与所选内容类似的匹配项</span><br><span class="line">     &quot;editor.occurrencesHighlight&quot;: false, // 控制编辑器是否突出显示语义符号的匹配项。</span><br><span class="line">     // &quot;window.zoomLevel&quot;: 0,</span><br><span class="line">     // 火焰光标</span><br><span class="line">     &quot;powermode.enabled&quot;: true, //启用插件</span><br><span class="line">     &quot;powermode.presets&quot;: &quot;flames&quot;, // 关闭代码抖动效果</span><br><span class="line">     &quot;editor.cursorBlinking&quot;: &quot;smooth&quot;, // 控制光标的动画样式。</span><br><span class="line">     // 路径提示</span><br><span class="line">     // 导入文件时是否携带文件的扩展名</span><br><span class="line">     &quot;path-autocomplete.extensionOnImport&quot;: true,</span><br><span class="line">     // 配置 @ 的路径提示</span><br><span class="line">     &quot;path-autocomplete.pathMappings&quot;: &#123;</span><br><span class="line">       &quot;@&quot;: &quot;$&#123;folder&#125;/src/&quot;,</span><br><span class="line">       &quot;@icon&quot;: &quot;$&#123;folder&#125;/src/assets/icon&quot;,</span><br><span class="line">       &quot;@image&quot;: &quot;$&#123;folder&#125;/src/assets/image&quot;,</span><br><span class="line">       &quot;@css&quot;: &quot;$&#123;folder&#125;/src/assets/css&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     // 代码抖动</span><br><span class="line">     &quot;powermode.shake.enabled&quot;: false,</span><br><span class="line">     // 背景</span><br><span class="line">     &quot;backgroundCover.imagePath&quot;: &quot;c:\\Users\\47934\\Pictures\\Saved Pictures\\美女\\阿狸 cosplay美女4k高清壁纸_彼岸图网.jpg&quot;,</span><br><span class="line">     &quot;backgroundCover.opacity&quot;: 0.3, // 背景透明度(0 - 1)</span><br><span class="line">     &quot;editor.formatOnSave&quot;: true, // 在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。</span><br><span class="line">     // ESLint 配置</span><br><span class="line">     &quot;editor.codeActionsOnSave&quot;: &#123;</span><br><span class="line">       &quot;source.fixAll&quot;: true // 控制是否应在文件保存时运行自动修复操作。</span><br><span class="line">     &#125;,</span><br><span class="line">     // prettier 配置</span><br><span class="line">     &quot;prettier.configPath&quot;: &quot;C:\\Users\\47934\\.prettierrc&quot;,</span><br><span class="line">     &quot;prettier.semi&quot;: false, // 是否在每行末尾添加分号</span><br><span class="line">     // 每行文字个数超出此限制将会被迫换行</span><br><span class="line">     &quot;prettier.printWidth&quot;: 100,</span><br><span class="line">     // 使用单引号替换双引号</span><br><span class="line">     &quot;prettier.singleQuote&quot;: true,</span><br><span class="line">     // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。</span><br><span class="line">     &quot;[vue]&quot;: &#123;</span><br><span class="line">       &quot;editor.defaultFormatter&quot;: &quot;Vue.volar&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;[javascript]&quot;: &#123;</span><br><span class="line">       &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;[html]&quot;: &#123;</span><br><span class="line">       &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;[css]&quot;: &#123;</span><br><span class="line">       &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;workbench.iconTheme&quot;: &quot;vscode-icons&quot;,</span><br><span class="line">     &quot;prettier.tabWidth&quot;: 2, // 缩进不使用tab，使用空格</span><br><span class="line">     &quot;editor.tabSize&quot;: 2, // 制表符等于的空格数</span><br><span class="line">     &quot;prettier.trailingComma&quot;: &quot;none&quot;, // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）</span><br><span class="line">     &quot;prettier.proseWrap&quot;: &quot;preserve&quot;, // 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照 markdown文 本样式进行折行</span><br><span class="line">     &quot;prettier.arrowParens&quot;: &quot;avoid&quot;, //  (x) =&gt; &#123;&#125; 箭头函数参数只有一个时是否要有小括号。avoid：省略括号</span><br><span class="line">     &quot;prettier.bracketSpacing&quot;: true, // 结尾是 \n \r \n\r aut</span><br><span class="line">     &quot;prettier.htmlWhitespaceSensitivity&quot;: &quot;ignore&quot;,</span><br><span class="line">     &quot;prettier.ignorePath&quot;: &quot;.prettierignore&quot;, // 不使用prettier格式化的文件填写在项目的.prettierignore文件中</span><br><span class="line">     &quot;prettier.jsxBracketSameLine&quot;: true, // 在jsx中把&#x27;&gt;&#x27; 是否单独放一行</span><br><span class="line">     &quot;prettier.jsxSingleQuote&quot;: true, // 在jsx中使用单引号代替双引号</span><br><span class="line">     &quot;prettier.requireConfig&quot;: false, // Require a &#x27;prettierconfig&#x27; to format prettier</span><br><span class="line">     &quot;prettier.requirePragma&quot;: false, // 不需要写文件开头的 @prettier</span><br><span class="line">     &quot;prettier.useEditorConfig&quot;: false,</span><br><span class="line">     // 自动保存</span><br><span class="line">     //打开文件不覆盖</span><br><span class="line">     &quot;workbench.editor.enablePreview&quot;: false, // 控制打开的编辑器是否显示为预览编辑器。</span><br><span class="line">     &quot;editor.lineHeight&quot;: 40, // 控制行高。</span><br><span class="line">     &quot;editor.renderLineHighlight&quot;: &quot;all&quot;, // 控制编辑器的当前行进行高亮显示的方式。</span><br><span class="line">     &quot;editor.renderWhitespace&quot;: &quot;all&quot;, // 控制编辑器在空白字符上显示符号的方式。</span><br><span class="line">     &quot;editor.fontSize&quot;: 16.5, // 控制字体大小(像素)。</span><br><span class="line">     // 变量 注释等 的颜色</span><br><span class="line">     &quot;editor.tokenColorCustomizations&quot;: &#123;</span><br><span class="line">       // 注释</span><br><span class="line">       &quot;comments&quot;: &quot;#bababa&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;editor.multiCursorModifier&quot;: &quot;ctrlCmd&quot;, // 控制代码片段是否与其他建议一起显示及其排列的位置。//</span><br><span class="line">     &quot;editor.wordWrapColumn&quot;: 100, // 编辑器的折行列。</span><br><span class="line">     &quot;editor.wordWrap&quot;: &quot;on&quot;, // 控制折行的方式。</span><br><span class="line">     // 控制键入时是否应自动显示建议。这可以用于在注释、字符串和其他代码中键入进行控制。</span><br><span class="line">     &quot;editor.quickSuggestions&quot;: &#123;</span><br><span class="line">       &quot;other&quot;: true, // 在字符串和注释外启用快速建议。</span><br><span class="line">       &quot;comments&quot;: true, // 在注释内启用快速建议。</span><br><span class="line">       &quot;strings&quot;: true // 在字符串内启用快速建议。</span><br><span class="line">     &#125;, // 默认缩进的大小</span><br><span class="line"></span><br><span class="line">     &quot;editor.formatOnPaste&quot;: true, // 启用后，将在保存文件时删除行尾的空格。</span><br><span class="line">     &quot;typescript.suggest.autoImports&quot;: true, // 启用/禁用自动导入建议。</span><br><span class="line">     &quot;javascript.updateImportsOnFileMove.enabled&quot;: &quot;always&quot;, // 启用或禁用在 VS Code 中重命名或移动文件时自动更新导入路径的功能。</span><br><span class="line">     &quot;javascript.suggest.autoImports&quot;: true, // 启用/禁用自动导入建议。</span><br><span class="line">     // 覆盖当前选定颜色主题的颜色。各个ui组件颜色设置</span><br><span class="line">     &quot;workbench.colorCustomizations&quot;: &#123;</span><br><span class="line">       // 底部状态栏</span><br><span class="line">       &quot;statusBar.background&quot;: &quot;#0c95eb&quot;,</span><br><span class="line">       &quot;statusBar.foreground&quot;: &quot;#ffffff&quot;,</span><br><span class="line">       // 设置guide线高亮颜色</span><br><span class="line">       &quot;editorIndentGuide.activeBackground&quot;: &quot;#ff0000&quot;,</span><br><span class="line">       // 编辑器 行号颜色</span><br><span class="line">       &quot;editorLineNumber.foreground&quot;: &quot;#11ebff&quot;,</span><br><span class="line">       // 编辑器 激活行号 前景色</span><br><span class="line">       &quot;editorLineNumber.activeForeground&quot;: &quot;#ff0505&quot;,</span><br><span class="line">       // 编辑器导航线的背景色，导航线包括边缘符号和行号</span><br><span class="line">       //编辑器光标颜色</span><br><span class="line">       &quot;editorCursor.foreground&quot;: &quot;#05c7f7&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     // 启用/禁用导航路径</span><br><span class="line">     &quot;breadcrumbs.enabled&quot;: true,</span><br><span class="line">     // git是否启用自动拉取</span><br><span class="line">     &quot;minapp-vscode.disableAutoConfig&quot;: true,</span><br><span class="line">     // VScode 文件搜索区域配置</span><br><span class="line">     &quot;search.exclude&quot;: &#123;</span><br><span class="line">       &quot;**/dist&quot;: true,</span><br><span class="line">       &quot;**/build&quot;: true,</span><br><span class="line">       &quot;**/elehukouben&quot;: true,</span><br><span class="line">       &quot;**/.git&quot;: true,</span><br><span class="line">       &quot;**/.gitignore&quot;: true,</span><br><span class="line">       &quot;**/.svn&quot;: true,</span><br><span class="line">       &quot;**/.DS_Store&quot;: true,</span><br><span class="line">       &quot;**/.idea&quot;: true,</span><br><span class="line">       &quot;**/.vscode&quot;: false,</span><br><span class="line">       &quot;**/yarn.lock&quot;: true,</span><br><span class="line">       &quot;**/tmp&quot;: true</span><br><span class="line">     &#125;,</span><br><span class="line">     // 配置emmet对文件类型的支持</span><br><span class="line">     &quot;emmet.syntaxProfiles&quot;: &#123;</span><br><span class="line">       &quot;vue-html&quot;: &quot;html&quot;,</span><br><span class="line">       &quot;vue&quot;: &quot;html&quot;,</span><br><span class="line">       &quot;javascript&quot;: &quot;javascriptreact&quot;,</span><br><span class="line">       &quot;xml&quot;: &#123;</span><br><span class="line">         &quot;attr_quotes&quot;: &quot;single&quot;</span><br><span class="line">       &#125;</span><br><span class="line">     &#125;,</span><br><span class="line">     // 是否开启eslint检测</span><br><span class="line">     &quot;eslint.enable&quot;: false,</span><br><span class="line">     // 格式化快捷键 shirt+alt+F</span><br><span class="line">     // prettier进行格式化时是否安装eslint配置去执行，建议false</span><br><span class="line">     // 如果为true，将使用单引号而不是双引号</span><br><span class="line">     // 调试，本地服务器配置</span><br><span class="line">     &quot;launch&quot;: &#123;</span><br><span class="line">       &quot;configurations&quot;: [</span><br><span class="line">         &#123;</span><br><span class="line">           &quot;type&quot;: &quot;node&quot;,</span><br><span class="line">           &quot;request&quot;: &quot;launch&quot;,</span><br><span class="line">           &quot;name&quot;: &quot;Node.js&quot;,</span><br><span class="line">           &quot;program&quot;: &quot;$&#123;file&#125;&quot;</span><br><span class="line">         &#125;,</span><br><span class="line">         &#123;</span><br><span class="line">           &quot;type&quot;: &quot;chrome&quot;,</span><br><span class="line">           &quot;request&quot;: &quot;launch&quot;,</span><br><span class="line">           &quot;name&quot;: &quot;vuejs: chrome&quot;,</span><br><span class="line">           &quot;url&quot;: &quot;http://localhost:8080&quot;,</span><br><span class="line">           &quot;webRoot&quot;: &quot;$&#123;workspaceFolder&#125;/src&quot;,</span><br><span class="line">           // &quot;breakOnLoad&quot;: true,</span><br><span class="line">           &quot;sourceMapPathOverrides&quot;: &#123;</span><br><span class="line">             &quot;webpack:///src/*&quot;: &quot;$&#123;webRoot&#125;/*&quot;</span><br><span class="line">           &#125;</span><br><span class="line">         &#125;</span><br><span class="line">       ],</span><br><span class="line">       &quot;compounds&quot;: []</span><br><span class="line">     &#125;,</span><br><span class="line"></span><br><span class="line">     &quot;git.path&quot;: &quot;C:/Program Files/Git/cmd/git.exe&quot;,</span><br><span class="line">     &quot;git.autofetch&quot;: true,</span><br><span class="line">     &quot;git.confirmSync&quot;: false,</span><br><span class="line">     &quot;emmet.includeLanguages&quot;: &#123;</span><br><span class="line">       &quot;javascript&quot;: &quot;javascriptreact&quot;,</span><br><span class="line">       &quot;vue-html&quot;: &quot;html&quot;,</span><br><span class="line">       &quot;postcss&quot;: &quot;css&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;workbench.startupEditor&quot;: &quot;welcomePage&quot;,</span><br><span class="line">     &quot;liveServer.settings.donotShowInfoMsg&quot;: true,</span><br><span class="line">     &quot;security.workspace.trust.untrustedFiles&quot;: &quot;open&quot;, // 控制如何处理在受信任的工作区中打开不受信任的文件</span><br><span class="line">     &quot;vsicons.dontShowNewVersionMessage&quot;: true, // 如果设置成&#x27;true&#x27;，关于新的版本消息将不再显示</span><br><span class="line">     // Easy LESS 配置</span><br><span class="line">     // less</span><br><span class="line">     &quot;less.compile&quot;: &#123;</span><br><span class="line">       &quot;compress&quot;: true, // 是否删除多余空白字符</span><br><span class="line">       &quot;sourceMap&quot;: false, // 是否创建文件目录树，true的话会自动生成一个 .css.map 文件</span><br><span class="line">       &quot;out&quot;: &quot;./css/&quot;, // 是否编译输出文件</span><br><span class="line">       &quot;outExt&quot;: &quot;.css&quot; // 输出文件的后缀,默认为.css</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;liveServer.settings.donotVerifyTags&quot;: true,</span><br><span class="line">     // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。</span><br><span class="line">     &quot;[jsonc]&quot;: &#123;</span><br><span class="line">       &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;[less]&quot;: &#123;</span><br><span class="line">       &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;css.format.spaceAroundSelectorSeparator&quot;: true, // 确保选择器分隔符 &#x27;&gt;&#x27;、&#x27;+&#x27;、&#x27;~&#x27; (例如 a &gt; b)周围有空格字符。</span><br><span class="line">     // 设置 html 字体大小的基准值 默认为 16</span><br><span class="line">     &quot;cssrem.rootFontSize&quot;: 50,</span><br><span class="line">     &quot;search.followSymlinks&quot;: false, // 控制是否在搜索中跟踪符号链接。</span><br><span class="line">     &quot;editor.inlineSuggest.enabled&quot;: true, // 控制是否在编辑器中自动显示内联建议</span><br><span class="line">     // 终端</span><br><span class="line">     &quot;terminal.integrated.cursorBlinking&quot;: true, //控制终端光标是否闪烁</span><br><span class="line">     &quot;terminal.integrated.lineHeight&quot;: 2,</span><br><span class="line">     // 启用后，按下 TAB 键，将展开 Emmet 缩写</span><br><span class="line">     &quot;emmet.triggerExpansionOnTab&quot;: true,</span><br><span class="line">     // 完成函数的参数签名。</span><br><span class="line">     &quot;javascript.suggest.completeFunctionCalls&quot;: true,</span><br><span class="line">     // 总体安排在打开jsx表达式大括号之后和关闭jsx表达式大括号之前插入空格</span><br><span class="line">     &quot;typescript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces&quot;: true,</span><br><span class="line">     // 启用 Tab 补全。</span><br><span class="line">     // on: 在按下 Tab 键时进行 Tab 补全，将插入最佳匹配建议</span><br><span class="line">     &quot;editor.tabCompletion&quot;: &quot;on&quot;,</span><br><span class="line"></span><br><span class="line">     // 字体</span><br><span class="line">     &quot;editor.guides.bracketPairs&quot;: true, // 控制是否启用括号对指南。</span><br><span class="line">     &quot;scm.inputFontFamily&quot;: &quot;Consolas&quot;, // 控制输入消息的字体。将 default 用于工作台用户界面字体系列，将</span><br><span class="line">     &quot;debug.console.fontFamily&quot;: &quot;Consolas&quot;, // 控制调试控制台中的字体系列</span><br><span class="line">     &quot;notebook.outputFontFamily&quot;: &quot;Consolas&quot;, // 笔记本单元格输出文本的字体系列。设置为空时，将使用</span><br><span class="line">     &quot;terminal.integrated.fontFamily&quot;: &quot;Consolas&quot;, // 控制终端的字体系列，它默认为 &quot;#editor.fontFamily#&quot; 的值。</span><br><span class="line">     &quot;explorer.confirmDragAndDrop&quot;: false, // 控制在资源管理器内拖放移动文件或文件夹时是否进行确认。</span><br><span class="line">     &quot;less.format.maxPreserveNewLines&quot;: 2, // 启用 #less.format.preserveNewLines# 后要在一个区块中保留的最大换行符数。</span><br><span class="line">     &quot;scss.format.maxPreserveNewLines&quot;: 1, //启用 #scss.format.preserveNewLines# 后要在一个区块中保留的最大换行符数。</span><br><span class="line">     &quot;css.format.maxPreserveNewLines&quot;: 2, // 启用 #css.format.preserveNewLines# 后要在一个区块中保留的最大换行符数。</span><br><span class="line">     &quot;markdown.preview.breaks&quot;: true, // 设置换行符在 Markdown 预览中的呈现方式。如果将其设置为 &quot;true&quot;，则将为段落内的新行创建一个 。</span><br><span class="line">     &quot;html.format.maxPreserveNewLines&quot;: 2, // 保留在一个区块中的换行符的最大数量。若为 null，则没有限制。</span><br><span class="line">     &quot;workbench.editor.wrapTabs&quot;: true, // 控制当超出可用空间时，选项卡是否应在多行之间换行</span><br><span class="line">     &quot;prettier.endOfLine&quot;: &quot;auto&quot;, // 控制具有未保存更改的编辑器的 自动保存。</span><br><span class="line">     &quot;editor.codeLensFontFamily&quot;: &quot;Consolas&quot;, // 控制 CodeLens 的字体系列。</span><br><span class="line">     &quot;editor.inlayHints.fontFamily&quot;: &quot;Consolas&quot;, // 在编辑器中控制内嵌提示的字体系列。设置为空时，使用</span><br><span class="line">     &quot;editor.matchBrackets&quot;: false, // 突出显示匹配的括号。</span><br><span class="line">     &quot;trailing-spaces.trimOnSave&quot;: true, // 尾随空格。保存时修剪</span><br><span class="line">     &quot;files.autoSaveDelay&quot;: 500, // 控制自动保存具有未保存更改的编辑器之前的延迟(以毫秒为单位)。只有当 #files.autoSave# 设置为 afterDelay 时才适用。</span><br><span class="line">     &quot;editor.formatOnType&quot;: true, // 控制编辑器在键入一行后是否自动格式化该行。</span><br><span class="line">     &quot;html.format.indentHandlebars&quot;: true, // 对 &#123;&#123;#foo&#125;&#125; 和 &#123;&#123;/foo&#125;&#125; 进行格式化与缩进</span><br><span class="line">     &quot;html.format.indentInnerHtml&quot;: true, // 缩进 &quot;&quot; 和 &quot;&quot; 部分。</span><br><span class="line">     &quot;html.format.templating&quot;: true, // 接受 django、erb、handlebars 和 php 模板化语言标记。</span><br><span class="line">     // javascript</span><br><span class="line">     &quot;javascript.format.insertSpaceAfterConstructor&quot;: true, // 定义构造函数关键字后面的空格处理方式。</span><br><span class="line">     &quot;javascript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces&quot;: true, // 定义 JSX 表达式括号中左括号后和右括号前的空格处理方式。</span><br><span class="line">     &quot;javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets&quot;: true, // 定义非空中括号的左括号后和右括号前的空格处理方式。</span><br><span class="line">     &quot;javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis&quot;: true, // 定义非空小括号的左括号后和右括号前的空格处理方式。</span><br><span class="line">     &quot;javascript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces&quot;: true, // 定义模板字符串括号中左括号后和右括号前的空格处理方式。</span><br><span class="line">     &quot;javascript.format.insertSpaceBeforeFunctionParenthesis&quot;: true, // 定义函数参数括号前的空格处理方式。</span><br><span class="line">     &quot;javascript.format.placeOpenBraceOnNewLineForControlBlocks&quot;: true, //定义控制块的左括号是否放置在新的一行。</span><br><span class="line">     &quot;javascript.format.placeOpenBraceOnNewLineForFunctions&quot;: true, // 定义函数的左大括号是否放置在新的一行。</span><br><span class="line">     // typescript</span><br><span class="line">     &quot;typescript.format.insertSpaceAfterConstructor&quot;: true, // 定义构造函数关键字后面的空格处理方式。</span><br><span class="line">     &quot;typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets&quot;: true, // 定义非空中括号的左括号后和右括号前的空格处理方式。</span><br><span class="line">     &quot;typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis&quot;: true, // 定义非空小括号的左括号后和右括号前的空格处理方式。</span><br><span class="line">     &quot;typescript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces&quot;: true, // 定义模板字符串括号中左括号后和右括号前的空格处理方式。</span><br><span class="line">     &quot;typescript.format.insertSpaceAfterTypeAssertion&quot;: true, // 定义 TypeScript 中类型断言后的空格处理方式。</span><br><span class="line">     &quot;typescript.format.insertSpaceBeforeFunctionParenthesis&quot;: true, // 定义函数参数括号前的空格处理方式。</span><br><span class="line">     &quot;typescript.format.placeOpenBraceOnNewLineForControlBlocks&quot;: true, // 定义控制块的左括号是否放置在新的一行。</span><br><span class="line">     &quot;typescript.format.placeOpenBraceOnNewLineForFunctions&quot;: true, // 定义函数的左大括号是否放置在新的一行。</span><br><span class="line">     &quot;less.format.spaceAroundSelectorSeparator&quot;: true, // 确保选择器分隔符 &#x27;&gt;&#x27;、&#x27;+&#x27;、&#x27;~&#x27; (例如 a &gt; b)周围有空格字符</span><br><span class="line">     &quot;scss.format.spaceAroundSelectorSeparator&quot;: true, // 确保选择器分隔符 &#x27;&gt;&#x27;、&#x27;+&#x27;、&#x27;~&#x27; (例如 a &gt; b)周围有空格字符</span><br><span class="line"></span><br><span class="line">     // One Dark Pro 主题</span><br><span class="line">     &quot;workbench.colorTheme&quot;: &quot;One Dark Pro Darker&quot;,</span><br><span class="line">     &quot;oneDarkPro.bold&quot;: true, // 设置部分代码为粗体</span><br><span class="line">     &quot;oneDarkPro.vivid&quot;: true, // 设置部分代码为斜体</span><br><span class="line">     &quot;oneDarkPro.markdownStyle&quot;: true, // 使用内置的 Markdown 样式</span><br><span class="line">     // 妖娆大括号字如果想把斜体和连写去掉，就设置 One Dark Pro主题里面的斜体代码改为 false</span><br><span class="line">     // 妖娆大括号 Operator Mono</span><br><span class="line">     // 温柔小括号 JetBrains Mono</span><br><span class="line">     // cascadia-code 纤细</span><br><span class="line">     // Aa恰逢长安一场雨</span><br><span class="line">     // Fira Code 连字符号</span><br><span class="line">     &quot;editor.fontFamily&quot;: &quot;&#x27;JetBrains Mono&#x27;,&#x27;Fira Code&#x27;,&#x27;cascadia-code&#x27;,&#x27;Operator Mono&#x27;,&#x27;Consolas&#x27;&quot;,</span><br><span class="line">     &quot;editor.fontWeight&quot;: &quot;520&quot;, // 字体粗细、</span><br><span class="line">     &quot;editor.fontLigatures&quot;: true, // 启用/禁用字体连字(&quot;calt&quot; 和 &quot;liga&quot; 字体特性)。将此更改为字符串，可对</span><br><span class="line">     &quot;[typescript]&quot;: &#123;</span><br><span class="line">       &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot; // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。</span><br><span class="line">     &#125;,</span><br><span class="line">     // Emmet</span><br><span class="line">     &quot;js/ts.implicitProjectConfig.experimentalDecorators&quot;: true, // 在不属于任何工程的 JavaScript 文件中启用或禁用</span><br><span class="line">     &quot;emmet.showSuggestionsAsSnippets&quot;: true, // 若为 true，Emmet 建议将显示为代码片段。可以在</span><br><span class="line">     &quot;emmet.useInlineCompletions&quot;: true, // 如果为 true，Emmet 将使用内联完成来建议扩展。如果要防止非内联完成项提供程序在此设置为 true 时频繁显示，请将 other 项的 #editor.quickSuggestions# 转换为 inline 或 off。</span><br><span class="line">     &quot;editor.stablePeek&quot;: true, // 在速览编辑器中，即使双击其中的内容或者按 Esc 键，也保持其打开状态。</span><br><span class="line">     &quot;editor.stickyTabStops&quot;: true, // 在使用空格进行缩进时模拟制表符的选择行为。所选内容将始终使用制表符停止位。</span><br><span class="line">     &quot;editor.suggest.localityBonus&quot;: true, // 控制排序时是否首选光标附近的字词。</span><br><span class="line">     &quot;editor.suggest.preview&quot;: true, // 控制是否在编辑器中预览建议结果。</span><br><span class="line">     &quot;editor.suggest.shareSuggestSelections&quot;: true, // 控制是否在多个工作区和窗口间共享记忆的建议选项(需要</span><br><span class="line">     &quot;editor.suggest.showStatusBar&quot;: true, // 控制建议小部件底部的状态栏的可见性。</span><br><span class="line">     &quot;files.autoGuessEncoding&quot;: true, // 如果为 true，Emmet 将使用内联完成来建议扩展。如果要防止非内联完成项提供程序在此设置为 true 时频繁显示，请将 other 项的</span><br><span class="line">     &quot;window.zoomLevel&quot;: 0, // 调整窗口的缩放级别。原始大小是 0，每次递增(例如 1)或递减(例如 -1)表示放大或缩小 20%。也可以输入小数以便以更精细的粒度调整缩放级别。</span><br><span class="line">     &quot;editor.suggest.snippetsPreventQuickSuggestions&quot;: false, // 控制活动代码段是否阻止快速建议。</span><br><span class="line">     // 配置语言的文件关联 (如: &quot;*.extension&quot;: &quot;html&quot;)。这些关联的优先级高于已安装语言的默认关联。</span><br><span class="line">     // 文件后缀名</span><br><span class="line">     &quot;files.associations&quot;: &#123;</span><br><span class="line">       &quot;*.vue&quot;: &quot;vue&quot;,</span><br><span class="line">       &quot;*.html&quot;: &quot;html&quot;,</span><br><span class="line">       &quot;*.css&quot;: &quot;css&quot;,</span><br><span class="line">       &quot;*.json&quot;: &quot;jsonc&quot;,</span><br><span class="line">       &quot;Untitled-*&quot;: &quot;txt&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     // 控制编辑器是否在左括号后自动插入右括号。</span><br><span class="line">     &quot;editor.autoClosingBrackets&quot;: &quot;always&quot;,</span><br><span class="line">     // 控制除了 Tab 键以外， Enter 键是否同样可以接受建议。这能减少“插入新行”和“接受建议”命令之间的歧义。</span><br><span class="line">     &quot;editor.acceptSuggestionOnEnter&quot;: &quot;smart&quot;, // 控制除了 Tab 键以外， Enter 键是否同样可以接受建议。这能减少“插入新行”和“接受建议”命令之间的歧义。</span><br><span class="line">     &quot;editor.suggestOnTriggerCharacters&quot;: true, // 控制在键入触发字符后是否自动显示建议。</span><br><span class="line"></span><br><span class="line">     // cssrem 插件</span><br><span class="line">     &quot;cssrem.vwDesign&quot;: 375, // 规定设计稿宽度（一般等同于浏览器视口宽度），默认 `750`</span><br><span class="line">     &quot;cssrem.vw&quot;: true, // default value”自动完成参考值。</span><br><span class="line">     &quot;js/ts.implicitProjectConfig.target&quot;: &quot;ESNext&quot;, // 为发出的 JavaScript 设置目标 JavaScript 语言版本并包含库声明</span><br><span class="line">     &quot;tslint.validateWithDefaultConfig&quot;: true, // 当仅找到默认tslint配置时验证文件</span><br><span class="line"></span><br><span class="line">     // Error Lens 错误提示</span><br><span class="line">     &quot;errorLens.statusBarIconsEnabled&quot;: true, // 启用时-在状态栏中显示高亮显示的错误/警告图标。</span><br><span class="line">     &quot;errorLens.statusBarMessageEnabled&quot;: true, // 启用时-在状态栏中显示消息。</span><br><span class="line">     &quot;errorLens.statusBarColorsEnabled&quot;: true, // 启用时-使用消息装饰前景作为状态栏文本的颜色。</span><br><span class="line">     &quot;errorLens.onSave&quot;: true, // 启用时-仅在文档保存时更新装饰（手动）。</span><br><span class="line">     &quot;errorLens.fontStyleItalic&quot;: false, // 启用时-以斜体显示内联消息。</span><br><span class="line">     &quot;errorLens.enableOnDiffView&quot;: true, // 在编辑器中查看差异视图时启用装饰（例如Git diff）。</span><br><span class="line">     &quot;typescript.locale&quot;: &quot;zh-CN&quot;, // 设置在报告 JavaScript 和 TypeScript 错误时使用的区域设置。</span><br><span class="line">     // volar插件 =&gt;真香，骷髅头</span><br><span class="line">     &quot;volar.autoCompleteRefs&quot;: true, // 使用“.value”自动完成参考值。</span><br><span class="line">     &quot;volar.codeLens.pugTools&quot;: true, // 编码透镜。编码透镜。</span><br><span class="line">     &quot;volar.codeLens.scriptSetupTools&quot;: true, // [参考糖☐] 编码透镜。</span><br><span class="line">     &quot;volar.preview.transparentGrid&quot;: true, // 组件预览背景样式。</span><br><span class="line">     &quot;volar.vueserver.useSecondServer&quot;: true, // 使用第二台服务器进行繁重的诊断工作，主服务器的主力计算intellisense、自动完成等操作可以更快地响应。请注意，这将导致更多内存使用。</span><br><span class="line"></span><br><span class="line">     &quot;carveTranslate.multiLineMerge&quot;: true, //多行注释合并</span><br><span class="line">     &quot;carveTranslate.concise&quot;: true, // 简洁模式</span><br><span class="line">     &quot;code-runner.runInTerminal&quot;: true, // 是否在集成终端中运行代码。</span><br><span class="line">     &quot;code-runner.saveAllFilesBeforeRun&quot;: true, // 运行前是否保存所有文件。</span><br><span class="line">     &quot;code-runner.saveFileBeforeRun&quot;: true, // 运行前是否保存当前文件。</span><br><span class="line"></span><br><span class="line">     &quot;commentTranslate.hover.string&quot;: true, // 开启悬停翻译字符串</span><br><span class="line">     &quot;commentTranslate.hover.variable&quot;: true, // 开启悬停翻译变量</span><br><span class="line">     &quot;commentTranslate.multiLineMerge&quot;: true, // 多行注释合并</span><br><span class="line">     &quot;commentTranslate.selectTargetLanguageWhenReplacing&quot;: true, // 替换时选择目标语言</span><br><span class="line">     &quot;commentTranslate.targetLanguage&quot;: &quot;zh-CN&quot;, // 翻译成目标语言</span><br><span class="line">     &quot;block-helper.sample-quotes&quot;: true, // 用于生成代码中jsx属性是否为使用单引号,否则使用双引号</span><br><span class="line">     &quot;filesize.displayInfoOnTheRightSideOfStatusBar&quot;: true, // 默认为false，表示是否在状态栏的右侧显示文件大小信息。</span><br><span class="line">     &quot;filesize.showBrotli&quot;: true, // 默认为false，是否在状态栏中显示brotli大小。</span><br><span class="line">     &quot;filesize.showGzipInStatusBar&quot;: true, // 默认为false，是否在状态栏中显示gzip大小。</span><br><span class="line">     &quot;filesize.useDecimal&quot;: true, // 默认为false，使用IEC的表示。设置为true以获取SI表示。</span><br><span class="line">     &quot;gutterpreview.enableReferenceLookup&quot;: true, // 指示是否应从引用解析资源的标志</span><br><span class="line">     &quot;npm-intellisense.packageSubfoldersIntellisense&quot;: true, // （实验）在模块的子文件夹中启用路径智能感知</span><br><span class="line">     &quot;npm-intellisense.scanDevDependencies&quot;: true, // 同时扫描devdependency</span><br><span class="line"></span><br><span class="line">     // 设置不同编辑器主题</span><br><span class="line">     &quot;oneDarkPro.editorTheme&quot;: &quot;One Dark Pro Darker&quot;,</span><br><span class="line">     // 学习的单词</span><br><span class="line">     &quot;cSpell.userWords&quot;: [</span><br><span class="line">       &quot;abbrlink&quot;,</span><br><span class="line">       &quot;aciton&quot;,</span><br><span class="line">       &quot;addtoany&quot;,</span><br><span class="line">       &quot;Adsense&quot;,</span><br><span class="line">       &quot;AECS&quot;,</span><br><span class="line">       &quot;afterimg&quot;,</span><br><span class="line">       &quot;ahref&quot;,</span><br><span class="line">       &quot;alipay&quot;,</span><br><span class="line">       &quot;allowedsuffix&quot;,</span><br><span class="line">       &quot;allsettled&quot;,</span><br><span class="line">       &quot;Animalabc&quot;,</span><br><span class="line">       &quot;animateion&quot;,</span><br><span class="line">       &quot;animateitem&quot;,</span><br><span class="line">       &quot;anzhiy&quot;,</span><br><span class="line">       &quot;anzhiyu&quot;,</span><br><span class="line">       &quot;apicloud&quot;,</span><br><span class="line">       &quot;apicloudproject&quot;,</span><br><span class="line">       &quot;apikey&quot;,</span><br><span class="line">       &quot;aplayer&quot;,</span><br><span class="line">       &quot;arge&quot;,</span><br><span class="line">       &quot;Artalk&quot;,</span><br><span class="line">       &quot;artitalk&quot;,</span><br><span class="line">       &quot;atguigu&quot;,</span><br><span class="line">       &quot;autofetch&quot;,</span><br><span class="line">       &quot;autoimport&quot;,</span><br><span class="line">       &quot;autoloader&quot;,</span><br><span class="line">       &quot;autoplay&quot;,</span><br><span class="line">       &quot;avater&quot;,</span><br><span class="line">       &quot;Avenir&quot;,</span><br><span class="line">       &quot;awaitmin&quot;,</span><br><span class="line">       &quot;aysnc&quot;,</span><br><span class="line">       &quot;backgroound&quot;,</span><br><span class="line">       &quot;BACKTOP&quot;,</span><br><span class="line">       &quot;baidusitemap&quot;,</span><br><span class="line">       &quot;bangumi&quot;,</span><br><span class="line">       &quot;bangumis&quot;,</span><br><span class="line">       &quot;banji&quot;,</span><br><span class="line">       &quot;bdage&quot;,</span><br><span class="line">       &quot;bdageitem&quot;,</span><br><span class="line">       &quot;beforeimg&quot;,</span><br><span class="line">       &quot;bgimg&quot;,</span><br><span class="line">       &quot;bilibili&quot;,</span><br><span class="line">       &quot;bilibli&quot;,</span><br><span class="line">       &quot;blockquote&quot;,</span><br><span class="line">       &quot;blueimp&quot;,</span><br><span class="line">       &quot;boardsign&quot;,</span><br><span class="line">       &quot;bofang&quot;,</span><br><span class="line">       &quot;bootstarp&quot;,</span><br><span class="line">       &quot;Brotli&quot;,</span><br><span class="line">       &quot;Browwserify&quot;,</span><br><span class="line">       &quot;bscroll&quot;,</span><br><span class="line">       &quot;btns&quot;,</span><br><span class="line">       &quot;busuanzi&quot;,</span><br><span class="line">       &quot;cacel&quot;,</span><br><span class="line">       &quot;cacheable&quot;,</span><br><span class="line">       &quot;Callout&quot;,</span><br><span class="line">       &quot;calss&quot;,</span><br><span class="line">       &quot;calt&quot;,</span><br><span class="line">       &quot;cance&quot;,</span><br><span class="line">       &quot;Candyhome&quot;,</span><br><span class="line">       &quot;cascader&quot;,</span><br><span class="line">       &quot;cascadia&quot;,</span><br><span class="line">       &quot;cdnjs&quot;,</span><br><span class="line">       &quot;cfav&quot;,</span><br><span class="line">       &quot;chatra&quot;,</span><br><span class="line">       &quot;chaxiang&quot;,</span><br><span class="line">       &quot;chlearfix&quot;,</span><br><span class="line">       &quot;chunwan&quot;,</span><br><span class="line">       &quot;cleanplugin&quot;,</span><br><span class="line">       &quot;Cleanwebpack&quot;,</span><br><span class="line">       &quot;clearfix&quot;,</span><br><span class="line">       &quot;cliearfix&quot;,</span><br><span class="line">       &quot;clong&quot;,</span><br><span class="line">       &quot;Clpsed&quot;,</span><br><span class="line">       &quot;cmessage&quot;,</span><br><span class="line">       &quot;cmover&quot;,</span><br><span class="line">       &quot;CNZZ&quot;,</span><br><span class="line">       &quot;codefinder&quot;,</span><br><span class="line">       &quot;Commants&quot;,</span><br><span class="line">       &quot;concat&quot;,</span><br><span class="line">       &quot;Consolas&quot;,</span><br><span class="line">       &quot;copytex&quot;,</span><br><span class="line">       &quot;createtime&quot;,</span><br><span class="line">       &quot;csscomb&quot;,</span><br><span class="line">       &quot;cssrem&quot;,</span><br><span class="line">       &quot;daovoice&quot;,</span><br><span class="line">       &quot;darkmode&quot;,</span><br><span class="line">       &quot;dase&quot;,</span><br><span class="line">       &quot;defin&quot;,</span><br><span class="line">       &quot;delcare&quot;,</span><br><span class="line">       &quot;descr&quot;,</span><br><span class="line">       &quot;detai&quot;,</span><br><span class="line">       &quot;devdependency&quot;,</span><br><span class="line">       &quot;Disqus&quot;,</span><br><span class="line">       &quot;Disqusjs&quot;,</span><br><span class="line">       &quot;divr&quot;,</span><br><span class="line">       &quot;dnum&quot;,</span><br><span class="line">       &quot;Doga&quot;,</span><br><span class="line">       &quot;donot&quot;,</span><br><span class="line">       &quot;dont&quot;,</span><br><span class="line">       &quot;echarts&quot;,</span><br><span class="line">       &quot;elehukouben&quot;,</span><br><span class="line">       &quot;emlail&quot;,</span><br><span class="line">       &quot;endtip&quot;,</span><br><span class="line">       &quot;erroe&quot;,</span><br><span class="line">       &quot;esbenp&quot;,</span><br><span class="line">       &quot;Examplests&quot;,</span><br><span class="line">       &quot;excutor&quot;,</span><br><span class="line">       &quot;exlint&quot;,</span><br><span class="line">       &quot;exprot&quot;,</span><br><span class="line">       &quot;extjs&quot;,</span><br><span class="line">       &quot;fancybox&quot;,</span><br><span class="line">       &quot;fanghuang&quot;,</span><br><span class="line">       &quot;favoritealbum&quot;,</span><br><span class="line">       &quot;favoritesinger&quot;,</span><br><span class="line">       &quot;favoritevideo&quot;,</span><br><span class="line">       &quot;figcaption&quot;,</span><br><span class="line">       &quot;filesize&quot;,</span><br><span class="line">       &quot;Fira&quot;,</span><br><span class="line">       &quot;flickr&quot;,</span><br><span class="line">       &quot;flink&quot;,</span><br><span class="line">       &quot;focusring&quot;,</span><br><span class="line">       &quot;Followeds&quot;,</span><br><span class="line">       &quot;fontawesome&quot;,</span><br><span class="line">       &quot;fonter&quot;,</span><br><span class="line">       &quot;fontmin&quot;,</span><br><span class="line">       &quot;fontsdest&quot;,</span><br><span class="line">       &quot;formatid&quot;,</span><br><span class="line">       &quot;fullname&quot;,</span><br><span class="line">       &quot;galmenu&quot;,</span><br><span class="line">       &quot;Gamge&quot;,</span><br><span class="line">       &quot;getinfo&quot;,</span><br><span class="line">       &quot;getr&quot;,</span><br><span class="line">       &quot;gett&quot;,</span><br><span class="line">       &quot;Giscus&quot;,</span><br><span class="line">       &quot;Gitalk&quot;,</span><br><span class="line">       &quot;gitcalendar&quot;,</span><br><span class="line">       &quot;gitee&quot;,</span><br><span class="line">       &quot;gitter&quot;,</span><br><span class="line">       &quot;gstatic&quot;,</span><br><span class="line">       &quot;guanshu&quot;,</span><br><span class="line">       &quot;guigu&quot;,</span><br><span class="line">       &quot;gulpfile&quot;,</span><br><span class="line">       &quot;gutterpreview&quot;,</span><br><span class="line">       &quot;haogg&quot;,</span><br><span class="line">       &quot;haoguoguo&quot;,</span><br><span class="line">       &quot;heimamm&quot;,</span><br><span class="line">       &quot;Heiti&quot;,</span><br><span class="line">       &quot;helloworld&quot;,</span><br><span class="line">       &quot;hellp&quot;,</span><br><span class="line">       &quot;Hexo&quot;,</span><br><span class="line">       &quot;highlighjs&quot;,</span><br><span class="line">       &quot;Highquality&quot;,</span><br><span class="line">       &quot;hljs&quot;,</span><br><span class="line">       &quot;hnum&quot;,</span><br><span class="line">       &quot;hotwrods&quot;,</span><br><span class="line">       &quot;htmlclean&quot;,</span><br><span class="line">       &quot;htmlmin&quot;,</span><br><span class="line">       &quot;icomoon&quot;,</span><br><span class="line">       &quot;iconfont&quot;,</span><br><span class="line">       &quot;iloveyou&quot;,</span><br><span class="line">       &quot;imgsrc&quot;,</span><br><span class="line">       &quot;Immeediate&quot;,</span><br><span class="line">       &quot;indey&quot;,</span><br><span class="line">       &quot;indez&quot;,</span><br><span class="line">       &quot;indi&quot;,</span><br><span class="line">       &quot;inpt&quot;,</span><br><span class="line">       &quot;instanceof&quot;,</span><br><span class="line">       &quot;instantpage&quot;,</span><br><span class="line">       &quot;instantsearch&quot;,</span><br><span class="line">       &quot;intellicode&quot;,</span><br><span class="line">       &quot;iphonex&quot;,</span><br><span class="line">       &quot;isbtn&quot;,</span><br><span class="line">       &quot;islazyload&quot;,</span><br><span class="line">       &quot;Itme&quot;,</span><br><span class="line">       &quot;Jheng&quot;,</span><br><span class="line">       &quot;jquery&quot;,</span><br><span class="line">       &quot;jsdelivr&quot;,</span><br><span class="line">       &quot;katex&quot;,</span><br><span class="line">       &quot;keyframes&quot;,</span><br><span class="line">       &quot;keyup&quot;,</span><br><span class="line">       &quot;keywword&quot;,</span><br><span class="line">       &quot;koharu&quot;,</span><br><span class="line">       &quot;kuaizi&quot;,</span><br><span class="line">       &quot;lable&quot;,</span><br><span class="line">       &quot;lazyload&quot;,</span><br><span class="line">       &quot;leagth&quot;,</span><br><span class="line">       &quot;leancloud&quot;,</span><br><span class="line">       &quot;Letme&quot;,</span><br><span class="line">       &quot;liebiao&quot;,</span><br><span class="line">       &quot;liga&quot;,</span><br><span class="line">       &quot;Lightbox&quot;,</span><br><span class="line">       &quot;lightgreen&quot;,</span><br><span class="line">       &quot;listmaxheight&quot;,</span><br><span class="line">       &quot;Livere&quot;,</span><br><span class="line">       &quot;livereloading&quot;,</span><br><span class="line">       &quot;lmgurl&quot;,</span><br><span class="line">       &quot;lovest&quot;,</span><br><span class="line">       &quot;lvha&quot;,</span><br><span class="line">       &quot;mait&quot;,</span><br><span class="line">       &quot;mangsheng&quot;,</span><br><span class="line">       &quot;mathjax&quot;,</span><br><span class="line">       &quot;mediafeature&quot;,</span><br><span class="line">       &quot;mediatype&quot;,</span><br><span class="line">       &quot;Meiko&quot;,</span><br><span class="line">       &quot;minapp&quot;,</span><br><span class="line">       &quot;mingz&quot;,</span><br><span class="line">       &quot;MLXG&quot;,</span><br><span class="line">       &quot;mnum&quot;,</span><br><span class="line">       &quot;mongdb&quot;,</span><br><span class="line">       &quot;monsterid&quot;,</span><br><span class="line">       &quot;mothods&quot;,</span><br><span class="line">       &quot;msite&quot;,</span><br><span class="line">       &quot;Multidata&quot;,</span><br><span class="line">       &quot;munltiple&quot;,</span><br><span class="line">       &quot;Musich&quot;,</span><br><span class="line">       &quot;musiclist&quot;,</span><br><span class="line">       &quot;musiclistdetail&quot;,</span><br><span class="line">       &quot;musiclisthighquality&quot;,</span><br><span class="line">       &quot;musiclistindex&quot;,</span><br><span class="line">       &quot;mvlist&quot;,</span><br><span class="line">       &quot;MVVM&quot;,</span><br><span class="line">       &quot;mydb&quot;,</span><br><span class="line">       &quot;mystylesheet&quot;,</span><br><span class="line">       &quot;navitems&quot;,</span><br><span class="line">       &quot;necolas&quot;,</span><br><span class="line">       &quot;nerdfonts&quot;,</span><br><span class="line">       &quot;Nestjs&quot;,</span><br><span class="line">       &quot;netease&quot;,</span><br><span class="line">       &quot;newsize&quot;,</span><br><span class="line">       &quot;nextpage&quot;,</span><br><span class="line">       &quot;nimport&quot;,</span><br><span class="line">       &quot;niubility&quot;,</span><br><span class="line">       &quot;normo&quot;,</span><br><span class="line">       &quot;numer&quot;,</span><br><span class="line">       &quot;Objert&quot;,</span><br><span class="line">       &quot;onjec&quot;,</span><br><span class="line">       &quot;Optiomization&quot;,</span><br><span class="line">       &quot;orgin&quot;,</span><br><span class="line">       &quot;orign&quot;,</span><br><span class="line">       &quot;pagenum&quot;,</span><br><span class="line">       &quot;pageview&quot;,</span><br><span class="line">       &quot;pangu&quot;,</span><br><span class="line">       &quot;Parens&quot;,</span><br><span class="line">       &quot;passworld&quot;,</span><br><span class="line">       &quot;paswword&quot;,</span><br><span class="line">       &quot;pauesd&quot;,</span><br><span class="line">       &quot;photofigcaption&quot;,</span><br><span class="line">       &quot;Pinia&quot;,</span><br><span class="line">       &quot;Pjax&quot;,</span><br><span class="line">       &quot;playload&quot;,</span><br><span class="line">       &quot;powermode&quot;,</span><br><span class="line">       &quot;precache&quot;,</span><br><span class="line">       &quot;precaching&quot;,</span><br><span class="line">       &quot;preprocess&quot;,</span><br><span class="line">       &quot;prettierconfig&quot;,</span><br><span class="line">       &quot;prismjs&quot;,</span><br><span class="line">       &quot;profileimg&quot;,</span><br><span class="line">       &quot;proimse&quot;,</span><br><span class="line">       &quot;Promsise&quot;,</span><br><span class="line">       &quot;proto&quot;,</span><br><span class="line">       &quot;puased&quot;,</span><br><span class="line">       &quot;pubid&quot;,</span><br><span class="line">       &quot;qweather&quot;,</span><br><span class="line">       &quot;readchaxiang&quot;,</span><br><span class="line">       &quot;readguanshu&quot;,</span><br><span class="line">       &quot;readmode&quot;,</span><br><span class="line">       &quot;readweixue&quot;,</span><br><span class="line">       &quot;readystate&quot;,</span><br><span class="line">       &quot;recommendmusic&quot;,</span><br><span class="line">       &quot;Refect&quot;,</span><br><span class="line">       &quot;reght&quot;,</span><br><span class="line">       &quot;remimarsal&quot;,</span><br><span class="line">       &quot;requset&quot;,</span><br><span class="line">       &quot;reslove&quot;,</span><br><span class="line">       &quot;resson&quot;,</span><br><span class="line">       &quot;rgba&quot;,</span><br><span class="line">       &quot;Rgem&quot;,</span><br><span class="line">       &quot;rightside&quot;,</span><br><span class="line">       &quot;rouer&quot;,</span><br><span class="line">       &quot;Ruleset&quot;,</span><br><span class="line">       &quot;runing&quot;,</span><br><span class="line">       &quot;runtimeshow&quot;,</span><br><span class="line">       &quot;sacle&quot;,</span><br><span class="line">       &quot;scroller&quot;,</span><br><span class="line">       &quot;scrpit&quot;,</span><br><span class="line">       &quot;searchalbum&quot;,</span><br><span class="line">       &quot;searchmusiclist&quot;,</span><br><span class="line">       &quot;searchsinger&quot;,</span><br><span class="line">       &quot;searchsong&quot;,</span><br><span class="line">       &quot;searchvideo&quot;,</span><br><span class="line">       &quot;setip&quot;,</span><br><span class="line">       &quot;setlmmediate&quot;,</span><br><span class="line">       &quot;shanyoumux&quot;,</span><br><span class="line">       &quot;sharejs&quot;,</span><br><span class="line">       &quot;Sheels&quot;,</span><br><span class="line">       &quot;shopcar&quot;,</span><br><span class="line">       &quot;sina&quot;,</span><br><span class="line">       &quot;singerdetail&quot;,</span><br><span class="line">       &quot;siteicon&quot;,</span><br><span class="line">       &quot;snum&quot;,</span><br><span class="line">       &quot;Sticty&quot;,</span><br><span class="line">       &quot;strech&quot;,</span><br><span class="line">       &quot;stus&quot;,</span><br><span class="line">       &quot;stylelint&quot;,</span><br><span class="line">       &quot;stylesheet&quot;,</span><br><span class="line">       &quot;Sublist&quot;,</span><br><span class="line">       &quot;swiper&quot;,</span><br><span class="line">       &quot;swiperbdage&quot;,</span><br><span class="line">       &quot;swiperpara&quot;,</span><br><span class="line">       &quot;Swpier&quot;,</span><br><span class="line">       &quot;Symbo&quot;,</span><br><span class="line">       &quot;tabbar&quot;,</span><br><span class="line">       &quot;tabber&quot;,</span><br><span class="line">       &quot;tabmix&quot;,</span><br><span class="line">       &quot;tabnine&quot;,</span><br><span class="line">       &quot;tada&quot;,</span><br><span class="line">       &quot;templating&quot;,</span><br><span class="line">       &quot;tencent&quot;,</span><br><span class="line">       &quot;tfboys&quot;,</span><br><span class="line">       &quot;tidio&quot;,</span><br><span class="line">       &quot;titlecase&quot;,</span><br><span class="line">       &quot;tostring&quot;,</span><br><span class="line">       &quot;transfrom&quot;,</span><br><span class="line">       &quot;translform&quot;,</span><br><span class="line">       &quot;transoaren&quot;,</span><br><span class="line">       &quot;transprent&quot;,</span><br><span class="line">       &quot;trunc&quot;,</span><br><span class="line">       &quot;tudou&quot;,</span><br><span class="line">       &quot;tuichu&quot;,</span><br><span class="line">       &quot;Twikoo&quot;,</span><br><span class="line">       &quot;txtsyntax&quot;,</span><br><span class="line">       &quot;tyoe&quot;,</span><br><span class="line">       &quot;typeof&quot;,</span><br><span class="line">       &quot;typicode&quot;,</span><br><span class="line">       &quot;ueditor&quot;,</span><br><span class="line">       &quot;uncategorized&quot;,</span><br><span class="line">       &quot;undifined&quot;,</span><br><span class="line">       &quot;unplugin&quot;,</span><br><span class="line">       &quot;unref&quot;,</span><br><span class="line">       &quot;unscopables&quot;,</span><br><span class="line">       &quot;unshift&quot;,</span><br><span class="line">       &quot;upata&quot;,</span><br><span class="line">       &quot;updatelyric&quot;,</span><br><span class="line">       &quot;urlencode&quot;,</span><br><span class="line">       &quot;usernamne&quot;,</span><br><span class="line">       &quot;USONB&quot;,</span><br><span class="line">       &quot;valuue&quot;,</span><br><span class="line">       &quot;Vant&quot;,</span><br><span class="line">       &quot;vcard&quot;,</span><br><span class="line">       &quot;vdom&quot;,</span><br><span class="line">       &quot;vetur&quot;,</span><br><span class="line">       &quot;videl&quot;,</span><br><span class="line">       &quot;videodetail&quot;,</span><br><span class="line">       &quot;videolist&quot;,</span><br><span class="line">       &quot;vite&quot;,</span><br><span class="line">       &quot;vjuː&quot;,</span><br><span class="line">       &quot;vmid&quot;,</span><br><span class="line">       &quot;vsicons&quot;,</span><br><span class="line">       &quot;vsintellicode&quot;,</span><br><span class="line">       &quot;vuedx&quot;,</span><br><span class="line">       &quot;vuejs&quot;,</span><br><span class="line">       &quot;vueserver&quot;,</span><br><span class="line">       &quot;vuex&quot;,</span><br><span class="line">       &quot;vwrap&quot;,</span><br><span class="line">       &quot;Waline&quot;,</span><br><span class="line">       &quot;Wallkey&quot;,</span><br><span class="line">       &quot;webfonts&quot;,</span><br><span class="line">       &quot;webinfo&quot;,</span><br><span class="line">       &quot;webp&quot;,</span><br><span class="line">       &quot;wechat&quot;,</span><br><span class="line">       &quot;weibo&quot;,</span><br><span class="line">       &quot;weixue&quot;,</span><br><span class="line">       &quot;wenkot&quot;,</span><br><span class="line">       &quot;witdh&quot;,</span><br><span class="line">       &quot;wordcount&quot;,</span><br><span class="line">       &quot;wordk&quot;,</span><br><span class="line">       &quot;workboard&quot;,</span><br><span class="line">       &quot;wowjs&quot;,</span><br><span class="line">       &quot;wowpanels&quot;,</span><br><span class="line">       &quot;xiao&quot;,</span><br><span class="line">       &quot;xiaohu&quot;,</span><br><span class="line">       &quot;xiaomi&quot;,</span><br><span class="line">       &quot;xiaoming&quot;,</span><br><span class="line">       &quot;xiaopin&quot;,</span><br><span class="line">       &quot;xiaoqu&quot;,</span><br><span class="line">       &quot;Xihei&quot;,</span><br><span class="line">       &quot;xihuan&quot;,</span><br><span class="line">       &quot;xiyou&quot;,</span><br><span class="line">       &quot;Yahei&quot;,</span><br><span class="line">       &quot;yinliang&quot;,</span><br><span class="line">       &quot;youjiantou&quot;,</span><br><span class="line">       &quot;youxi&quot;,</span><br><span class="line">       &quot;yzhang&quot;,</span><br><span class="line">       &quot;zhangs&quot;,</span><br><span class="line">       &quot;zhao&quot;,</span><br><span class="line">       &quot;zhongbiao&quot;,</span><br><span class="line">       &quot;zhuanfa&quot;,</span><br><span class="line">       &quot;zibao&quot;</span><br><span class="line">     ],</span><br><span class="line">     &quot;explorer.confirmDelete&quot;: false, // 控制资源管理器是否在把文件删除到废纸篓时进行确认。</span><br><span class="line">     &quot;intellicodeApiExamples.loggingLevel&quot;: &quot;ALL&quot;, // 控制台的日志记录级别</span><br><span class="line">     &quot;vsintellicode.features.apiExamples&quot;: &quot;enabled&quot;, // 向vscode IntelliCode python用户推广IntelliCode API使用示例扩展。</span><br><span class="line">     &quot;vsintellicode.features.apiExamplests&quot;: &quot;enabled&quot;, // 将IntelliCode API使用示例扩展推广到vscode IntelliCode typescript/javascript用户。</span><br><span class="line">     &quot;vsintellicode.features.python.deepLearning&quot;: &quot;enabled&quot;, // 深度学习 Python</span><br><span class="line"></span><br><span class="line">     // Template 模板字符串转换插件</span><br><span class="line">     // 配置支持的语言</span><br><span class="line">     &quot;template-string-converter.validLanguages&quot;: [&quot;html&quot;, &quot;vue&quot;, &quot;svelte&quot;, &quot;typescript&quot;, &quot;javascript&quot;, &quot;typescriptreact&quot;, &quot;javascriptreact&quot;],</span><br><span class="line"></span><br><span class="line">     // txtsyntax 插件</span><br><span class="line">     &quot;txtsyntax.enableHighlightLine&quot;: true, // 启用高亮显示行</span><br><span class="line">     &quot;txtsyntax.showHighlightSidebar&quot;: true, // 显示突出显示侧边栏</span><br><span class="line">     &quot;editor.foldingStrategy&quot;: &quot;auto&quot;, // 控制计算折叠范围的策略。</span><br><span class="line">     &quot;files.defaultLanguage&quot;: &quot;txt&quot;,</span><br><span class="line">     &quot;editor.unicodeHighlight.nonBasicASCII&quot;: false,</span><br><span class="line">     &quot;explorer.sortOrder&quot;: &quot;modified&quot;,</span><br><span class="line">     &quot;html.format.wrapAttributes&quot;: &quot;aligned-multiple&quot;,</span><br><span class="line"></span><br><span class="line">     &quot;better-comments.multilineComments&quot;: true, // 可以在用户设置或工作区设置中配置此扩展。</span><br><span class="line">     &quot;better-comments.highlightPlainText&quot;: false, //此设置将控制是否使用注释标签设置多行注释的样式。为 false 时，多行注释将不加修饰地呈现。</span><br><span class="line">     // 标签是用于标记注释以进行修饰的字符或序列。默认5个可以修改来改变颜色，还可以添加更多。</span><br><span class="line">     &quot;better-comments.tags&quot;: [</span><br><span class="line">       &#123;</span><br><span class="line">         &quot;tag&quot;: &quot;!&quot;,</span><br><span class="line">         &quot;color&quot;: &quot;#FF2D00&quot;,</span><br><span class="line">         &quot;strikethrough&quot;: false,</span><br><span class="line">         &quot;underline&quot;: false,</span><br><span class="line">         &quot;backgroundColor&quot;: &quot;transparent&quot;,</span><br><span class="line">         &quot;bold&quot;: false,</span><br><span class="line">         &quot;italic&quot;: false</span><br><span class="line">       &#125;,</span><br><span class="line">       &#123;</span><br><span class="line">         &quot;tag&quot;: &quot;?&quot;,</span><br><span class="line">         &quot;color&quot;: &quot;#3498DB&quot;,</span><br><span class="line">         &quot;strikethrough&quot;: false,</span><br><span class="line">         &quot;underline&quot;: false,</span><br><span class="line">         &quot;backgroundColor&quot;: &quot;transparent&quot;,</span><br><span class="line">         &quot;bold&quot;: false,</span><br><span class="line">         &quot;italic&quot;: false</span><br><span class="line">       &#125;,</span><br><span class="line">       &#123;</span><br><span class="line">         &quot;tag&quot;: &quot;//&quot;,</span><br><span class="line">         &quot;color&quot;: &quot;#474747&quot;,</span><br><span class="line">         &quot;strikethrough&quot;: true,</span><br><span class="line">         &quot;underline&quot;: false,</span><br><span class="line">         &quot;backgroundColor&quot;: &quot;transparent&quot;,</span><br><span class="line">         &quot;bold&quot;: false,</span><br><span class="line">         &quot;italic&quot;: false</span><br><span class="line">       &#125;,</span><br><span class="line">       &#123;</span><br><span class="line">         &quot;tag&quot;: &quot;todo&quot;,</span><br><span class="line">         &quot;color&quot;: &quot;#FF8C00&quot;,</span><br><span class="line">         &quot;strikethrough&quot;: false,</span><br><span class="line">         &quot;underline&quot;: false,</span><br><span class="line">         &quot;backgroundColor&quot;: &quot;transparent&quot;,</span><br><span class="line">         &quot;bold&quot;: false,</span><br><span class="line">         &quot;italic&quot;: false</span><br><span class="line">       &#125;,</span><br><span class="line">       &#123;</span><br><span class="line">         &quot;tag&quot;: &quot;*&quot;,</span><br><span class="line">         &quot;color&quot;: &quot;#98C379&quot;,</span><br><span class="line">         &quot;strikethrough&quot;: false,</span><br><span class="line">         &quot;underline&quot;: false,</span><br><span class="line">         &quot;backgroundColor&quot;: &quot;transparent&quot;,</span><br><span class="line">         &quot;bold&quot;: false,</span><br><span class="line">         &quot;italic&quot;: false</span><br><span class="line">       &#125;</span><br><span class="line">     ],</span><br><span class="line">     // 针对某种语言，配置替代编辑器设置。</span><br><span class="line">     &quot;[markdown]&quot;: &#123;</span><br><span class="line">       &quot;editor.defaultFormatter&quot;: &quot;yzhang.markdown-all-in-one&quot;</span><br><span class="line">     &#125;,</span><br><span class="line">     &quot;git.enableSmartCommit&quot;: true, // 在没有暂存的更改时提交所有更改。</span><br><span class="line">     &quot;editor.bracketPairColorization.independentColorPoolPerBracketType&quot;: true, // 控制每个方括号类型是否具有自己的独立颜色池。</span><br><span class="line">     &quot;C_Cpp.autocompleteAddParentheses&quot;: true, // 如果为 true，则自动完成将在函数调用后自动添加 ( ，在这种情况下，也可以添加 ( ，具体取决于 #editor.autoClosingBrackets# 设置的值。</span><br><span class="line">     &quot;editor.cursorSmoothCaretAnimation&quot;: true, // 控制是否启用平滑插入动画。</span><br><span class="line">     &quot;editor.smoothScrolling&quot;: true, // 控制编辑器是否使用动画滚动。</span><br><span class="line">     &quot;workbench.list.smoothScrolling&quot;: true, // 控制列表和树是否具有平滑滚动效果。</span><br><span class="line">     &quot;dart.previewFlutterUiGuides&quot;: true,</span><br><span class="line">     &quot;editor.suggestSelection&quot;: &quot;recentlyUsed&quot;, // 控制在建议列表中如何预先选择建议。recentlyUsed: 选择最近的建议，除非进一步键入选择其他项。例如 console. -&gt; console.log，因为最近补全过 log。</span><br><span class="line">     &quot;window.dialogStyle&quot;: &quot;custom&quot; // 调整对话框窗口的外观。</span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line"></span><br></pre></td></tr></table></figure>
</li>
<li><p>插件</p>
<ol>
<li>林檎的旅行笔记</li>
<li>aiXcoder</li>
<li>any-rule</li>
<li>Auto Close Tag</li>
<li>Auto Rename Tag</li>
<li>Ayu</li>
<li>background-cover</li>
<li>Boostrap5 Snippets by</li>
<li>Chinese</li>
<li>Chinese Support for LanguageTool</li>
<li>Code Runner</li>
<li>Code Spell Checker</li>
<li>Comment Translate</li>
<li>CSS Initial Value</li>
<li>CSS Snippets</li>
<li>Dart</li>
<li>Dot Log</li>
<li>Draw.io Integration</li>
<li>Easy Block</li>
<li>Easy LESS</li>
<li>EditorConfig for VS Code</li>
<li>Error Lens</li>
<li>escook-theme</li>
<li>ESLint</li>
<li>ESLint Chinese Rules</li>
<li>filesize</li>
<li>Flutter</li>
<li>Guides</li>
<li>HTML/CSS/JavaScript Snippets</li>
<li>Image preview</li>
<li>Import Cost</li>
<li>Include Autocomplete</li>
<li>indent-rainbow</li>
<li>IntelliCode</li>
<li>IntelliCode API Usage Examples</li>
<li>IntelliSense for CSS class names in HTML</li>
<li>jQuery Code Snippets</li>
<li>JSON to TS</li>
<li>LanguageTool for Visual Studio Code</li>
<li>Live Preview</li>
<li>Live Sass Compiler</li>
<li>Mithril Emmet</li>
<li>Modelines</li>
<li>MySQL</li>
<li>npm Intellisense</li>
<li>One Dark Pro</li>
<li>Path Autocomplete</li>
<li>pcms-vscode</li>
<li>PostCSS Language Support</li>
<li>Power Mode</li>
<li>Prettier - Code formatter</li>
<li>px to rem &amp; rpx &amp; vw (cssrem)</li>
<li>Quokka.js</li>
<li>Rainbow Brackets</li>
<li>select-highlight-cochineal-color</li>
<li>Template String Converter</li>
<li>Trailing Spaces</li>
<li>TSLint Vue</li>
<li>Txt Syntax</li>
<li>TypeScript Error Translator</li>
<li>TypeScript Vue Plugin (Volar)</li>
<li>vscode-icons</li>
<li>Vue</li>
<li>Vue Language Features (Volar)</li>
<li>VueHelper</li>
<li>highlight matching tag</li>
<li>Parameter Hints</li>
<li>Better Comments</li>
<li>Markdown all in one</li>
<li>Markdown Preview Enhanced</li>
<li>JS &amp; CSS Minifier (Minify) 压缩js、css文件</li>
<li>Code Translate  代码翻译</li>
<li>Makefile Tools   C/C++ 扩展提供 IntelliSense 配置</li>
<li>C/C++   对 C/C++ 的语言支持，包括<a target="_blank" rel="noopener" href="https://code.visualstudio.com/docs/cpp/cpp-ide">编辑 (IntelliSense)</a>和<a target="_blank" rel="noopener" href="https://code.visualstudio.com/docs/cpp/cpp-debug">调试</a>功能</li>
<li>Better C++ Syntax</li>
<li>clangd   编写、理解和改进 C/C++ 代码：</li>
<li>Vue VSCode Snippets 快捷键 vb ，生成 vue3模板</li>
<li>Element UI Snippets</li>
<li>Simple React Snippets</li>
<li>JavaScript (ES6) code snippets</li>
<li>GitLens — Git supercharged</li>
<li>React Refactor</li>
<li>Doctor</li>
<li>React Style Helper</li>
<li>Application Manager</li>
<li>Application Creator</li>
<li>Component Helper</li>
<li>Time Master</li>
<li>React Generator</li>
<li>Elm Emmet</li>
<li>HTML CSS Support</li>
<li>Text</li>
<li>XML</li>
<li>XML Format</li>
<li>json</li>
<li>Vetur TypeScript performance workaround</li>
<li>Vetur</li>
</ol>
</li>
</ol>
<h1 id="格式化"><a href="#格式化" class="headerlink" title="格式化"></a>格式化</h1><ol>
<li>格式化安装 eslint 和 prettier 插件<figure class="highlight json"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">// ESLint 配置</span></span><br><span class="line"><span class="attr">&quot;editor.codeActionsOnSave&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;source.fixAll&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span> <span class="comment">// 控制是否应在文件保存时运行自动修复操作。</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line"><span class="comment">// prettier 配置</span></span><br><span class="line"><span class="attr">&quot;prettier.configPath&quot;</span><span class="punctuation">:</span> <span class="string">&quot;C:\\Users\\47934\\.prettierrc&quot;</span><span class="punctuation">,</span></span><br><span class="line"><span class="attr">&quot;prettier.semi&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">false</span></span><span class="punctuation">,</span> <span class="comment">// 是否在每行末尾添加分号</span></span><br><span class="line"><span class="comment">// 每行文字个数超出此限制将会被迫换行</span></span><br><span class="line"><span class="attr">&quot;prettier.printWidth&quot;</span><span class="punctuation">:</span> <span class="number">100</span><span class="punctuation">,</span></span><br><span class="line"><span class="comment">// 使用单引号替换双引号</span></span><br><span class="line"><span class="attr">&quot;prettier.singleQuote&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span></span><br><span class="line"><span class="comment">// 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。</span></span><br><span class="line"><span class="attr">&quot;[vue]&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;editor.defaultFormatter&quot;</span><span class="punctuation">:</span> <span class="string">&quot;Vue.volar&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line"><span class="attr">&quot;[javascript]&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;editor.defaultFormatter&quot;</span><span class="punctuation">:</span> <span class="string">&quot;esbenp.prettier-vscode&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line"><span class="attr">&quot;[html]&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;editor.defaultFormatter&quot;</span><span class="punctuation">:</span> <span class="string">&quot;esbenp.prettier-vscode&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line"><span class="attr">&quot;[css]&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;editor.defaultFormatter&quot;</span><span class="punctuation">:</span> <span class="string">&quot;esbenp.prettier-vscode&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line"><span class="attr">&quot;workbench.iconTheme&quot;</span><span class="punctuation">:</span> <span class="string">&quot;vscode-icons&quot;</span><span class="punctuation">,</span></span><br><span class="line"><span class="attr">&quot;prettier.tabWidth&quot;</span><span class="punctuation">:</span> <span class="number">2</span><span class="punctuation">,</span> <span class="comment">// 缩进不使用tab，使用空格</span></span><br><span class="line"><span class="attr">&quot;editor.tabSize&quot;</span><span class="punctuation">:</span> <span class="number">2</span><span class="punctuation">,</span> <span class="comment">// 制表符等于的空格数</span></span><br><span class="line"><span class="attr">&quot;prettier.trailingComma&quot;</span><span class="punctuation">:</span> <span class="string">&quot;none&quot;</span><span class="punctuation">,</span> <span class="comment">// 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）</span></span><br><span class="line"><span class="attr">&quot;prettier.proseWrap&quot;</span><span class="punctuation">:</span> <span class="string">&quot;preserve&quot;</span><span class="punctuation">,</span> <span class="comment">// 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照 markdown文 本样式进行折行</span></span><br><span class="line"><span class="attr">&quot;prettier.arrowParens&quot;</span><span class="punctuation">:</span> <span class="string">&quot;avoid&quot;</span><span class="punctuation">,</span> <span class="comment">//  (x) =&gt; &#123;&#125; 箭头函数参数只有一个时是否要有小括号。avoid：省略括号</span></span><br><span class="line"><span class="attr">&quot;prettier.bracketSpacing&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span> <span class="comment">// 结尾是 \n \r \n\r aut</span></span><br><span class="line"><span class="attr">&quot;prettier.htmlWhitespaceSensitivity&quot;</span><span class="punctuation">:</span> <span class="string">&quot;ignore&quot;</span><span class="punctuation">,</span></span><br><span class="line"><span class="attr">&quot;prettier.ignorePath&quot;</span><span class="punctuation">:</span> <span class="string">&quot;.prettierignore&quot;</span><span class="punctuation">,</span> <span class="comment">// 不使用prettier格式化的文件填写在项目的.prettierignore文件中</span></span><br><span class="line"><span class="attr">&quot;prettier.jsxBracketSameLine&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span> <span class="comment">// 在jsx中把&#x27;&gt;&#x27; 是否单独放一行</span></span><br><span class="line"><span class="attr">&quot;prettier.jsxSingleQuote&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span> <span class="comment">// 在jsx中使用单引号代替双引号</span></span><br><span class="line"><span class="attr">&quot;prettier.requireConfig&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">false</span></span><span class="punctuation">,</span> <span class="comment">// Require a &#x27;prettierconfig&#x27; to format prettier</span></span><br><span class="line"><span class="attr">&quot;prettier.requirePragma&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">false</span></span><span class="punctuation">,</span> <span class="comment">// 不需要写文件开头的 @prettier</span></span><br><span class="line"><span class="attr">&quot;prettier.useEditorConfig&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">false</span></span><span class="punctuation">,</span></span><br><span class="line"><span class="comment">// 自动保存</span></span><br></pre></td></tr></table></figure></li>
<li>在 C盘Users下自己的用户名下创建 .prettierrc 文件，内容为<figure class="highlight json"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;semi&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">false</span></span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;singleQuote&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;bracketSpacing&quot;</span><span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
</li>
</ol>
<h1 id="css-js-html-formate-—-插件"><a href="#css-js-html-formate-—-插件" class="headerlink" title="css-js-html-formate —-插件"></a>css-js-html-formate —-插件</h1><ol>
<li><img src= "" data-lazy-src="%E7%9B%B8%E5%85%B3%E5%9B%BE%E7%89%87/%E6%A0%BC%E5%BC%8F%E5%8C%96html-js-css.png" alt=""></li>
<li>默认配置好的</li>
<li>想要找到配置，只需在导航栏中输入Formatter Config</li>
</ol>
<h1 id="px-to-rem-amp-rpx-amp-vw-cssrem-—-插件"><a href="#px-to-rem-amp-rpx-amp-vw-cssrem-—-插件" class="headerlink" title="px to rem &amp; rpx &amp; vw (cssrem)— 插件"></a>px to rem &amp; rpx &amp; vw (cssrem)— 插件</h1><ol>
<li>px 转换为 rem 的插件</li>
<li>默认值为 750，可修改</li>
<li>插件-配置按钮—配置扩展设置—Root Font Size里面设置。</li>
<li>但是别忘记重启vscode软件保证生效</li>
</ol>
<h1 id="px2vw-—-插件"><a href="#px2vw-—-插件" class="headerlink" title="px2vw —- 插件"></a>px2vw —- 插件</h1><ol>
<li>px 转换为 vw</li>
<li>默认值为 750，可修改</li>
</ol>
<h1 id="Easy-LESS—-插件"><a href="#Easy-LESS—-插件" class="headerlink" title="Easy LESS—-插件"></a>Easy LESS—-插件</h1><ol>
<li><p>less 导出，指定的 css 文件夹</p>
</li>
<li><p>找到该插件的扩展配置</p>
</li>
<li><p>```js<br>  “less.compile”: {</p>
<pre><code>    &quot;compress&quot;: false,//是否压缩
    &quot;sourceMap&quot;: false,//是否生成map文件，有了这个可以在调试台看到less行数
    &quot;out&quot;: &quot;../css/&quot;, // 是否输出css文件，false为不输出 ，导出包
    &quot;outExt&quot;: &quot;.css&quot;, // 输出文件的后缀
    &#125;,
</code></pre><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br></pre></td><td class="code"><pre><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"># vue 项目 路径配置别名</span><br><span class="line"></span><br><span class="line">1. 写在 vue.config.js 文件夹下</span><br><span class="line"></span><br><span class="line">   &gt; ```js</span><br><span class="line">   &gt; const &#123; defineConfig &#125; = require(&#x27;@vue/cli-service&#x27;)</span><br><span class="line">   &gt; module.exports = defineConfig(&#123;</span><br><span class="line">   &gt;   transpileDependencies: true,</span><br><span class="line">   &gt;   // 配置路径别名</span><br><span class="line">   &gt;   configureWebpack: &#123;</span><br><span class="line">   &gt;     resolve: &#123;</span><br><span class="line">   &gt;       // 别名</span><br><span class="line">   &gt;       alias: &#123;</span><br><span class="line">   &gt;         // 文件夹名:配置的别名</span><br><span class="line">   &gt;         assets: &#x27;@/assets&#x27;,</span><br><span class="line">   &gt;         common: &#x27;@/common&#x27;,</span><br><span class="line">   &gt;         components: &#x27;@/components&#x27;,</span><br><span class="line">   &gt;         networks: &#x27;@/networks&#x27;,</span><br><span class="line">   &gt;         views: &#x27;@/views&#x27;,</span><br><span class="line">   &gt;       &#125;,</span><br><span class="line">   &gt;     &#125;,</span><br><span class="line">   &gt;   &#125;,</span><br><span class="line">   &gt; &#125;)</span><br><span class="line">   &gt;</span><br></pre></td></tr></table></figure>
<p>&gt;</p>
</li>
</ol>
<h1 id="Error-Lens-—-错误提示插件"><a href="#Error-Lens-—-错误提示插件" class="headerlink" title="Error Lens —-错误提示插件"></a>Error Lens —-错误提示插件</h1><ol>
<li><p>设置中文提示</p>
<blockquote>
<p>（1）在设置中搜索  typescript local</p>
<p>（2）找到 TypeScript: Locale</p>
<p>（3）下拉选择，zh-CN</p>
<p>（4）重启vscode</p>
</blockquote>
</li>
</ol>
<h1 id="TS报错"><a href="#TS报错" class="headerlink" title="TS报错"></a>TS报错</h1><h2 id="TS-定义变量报错"><a href="#TS-定义变量报错" class="headerlink" title="TS 定义变量报错"></a>TS 定义变量报错</h2><ol>
<li>找到 tsconfig.json配置文件，把isolatedModules字段改为false<br>2.</li>
</ol>
<h2 id="template报错"><a href="#template报错" class="headerlink" title="template报错"></a>template报错</h2><ol>
<li>找到 jsconfig.json 文件 加入： “jsx”: “preserve”, 即可</li>
</ol>
<h1 id="VSCode-快捷键"><a href="#VSCode-快捷键" class="headerlink" title="VSCode 快捷键"></a>VSCode 快捷键</h1><ol>
<li>F11 进入全屏模式</li>
</ol>
</article><div class="post-copyright"><div class="post-copyright__author"><span class="post-copyright-meta">文章作者: </span><span class="post-copyright-info"><a href="http://example.com">晚夜微雨问海棠</a></span></div><div class="post-copyright__type"><span class="post-copyright-meta">文章链接: </span><span class="post-copyright-info"><a href="http://example.com/posts/a9613e02.html">http://example.com/posts/a9613e02.html</a></span></div><div class="post-copyright__notice"><span class="post-copyright-meta">版权声明: </span><span class="post-copyright-info">本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明来自 <a href="http://example.com" target="_blank">晚夜微雨问海棠のBlog</a>！</span></div></div><div class="tag_share"><div class="post_share"><div class="social-share" data-image="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-blog.csdnimg.cn%2Fimg_convert%2Fe7fcf8b0b298ddb26f73d69389f0b606.png&amp;refer=http%3A%2F%2Fimg-blog.csdnimg.cn&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665288100&amp;t=6924eef2523e798f2f451b4237c40a02" data-sites="facebook,twitter,wechat,weibo,qq"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/butterfly-extsrc/sharejs/dist/css/share.min.css" media="print" onload="this.media='all'"><script src="https://cdn.jsdelivr.net/npm/butterfly-extsrc/sharejs/dist/js/social-share.min.js" defer></script></div></div><div class="post-reward"><div class="reward-button"><i class="fas fa-qrcode"></i> 打赏</div><div class="reward-main"><ul class="reward-all"><li class="reward-item"><a href="https://s1.ax1x.com/2022/11/15/zE9P7d.jpg" target="_blank"><img class="post-qr-code-img" src= "" data-lazy-src="https://s1.ax1x.com/2022/11/15/zE9P7d.jpg" alt="微信"/></a><div class="post-qr-code-desc">微信</div></li><li class="reward-item"><a href="https://s1.ax1x.com/2022/11/15/zE9ung.jpg" target="_blank"><img class="post-qr-code-img" src= "" data-lazy-src="https://s1.ax1x.com/2022/11/15/zE9ung.jpg" alt="支付宝"/></a><div class="post-qr-code-desc">支付宝</div></li></ul></div></div><div class="relatedPosts"><div class="headline"><i class="fas fa-thumbs-up fa-fw"></i><span>相关推荐</span></div><div class="relatedPosts-list"><div><a href="/posts/927e84a1.html" title="Markdown使用小技巧"><img class="cover" src= "" data-lazy-src="https://s1.ax1x.com/2022/12/06/z65aXq.jpg" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2022-12-06</div><div class="title">Markdown使用小技巧</div></div></a></div><div><a href="/posts/8b6c3947.html" title="VS插件"><img class="cover" src= "" data-lazy-src="https://s1.ax1x.com/2023/03/11/ppKS8V1.jpg" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2023-03-04</div><div class="title">VS插件</div></div></a></div><div><a href="/posts/bb2c23b2.html" title="Win11使用技巧"><img class="cover" src= "" data-lazy-src="https://s1.ax1x.com/2023/03/11/ppKp4SO.jpg" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2023-03-08</div><div class="title">Win11使用技巧</div></div></a></div><div><a href="/posts/6c53f471.html" title="前端+后端知识汇总（2）"><img class="cover" src= "" data-lazy-src="https://img1.baidu.com/it/u=2163263263,2058666557&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=497" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2022-11-12</div><div class="title">前端+后端知识汇总（2）</div></div></a></div><div><a href="/posts/7ee65b9f.html" title="前端+后端知识汇总（1）"><img class="cover" src= "" data-lazy-src="https://img1.baidu.com/it/u=2163263263,2058666557&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=497" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2022-11-12</div><div class="title">前端+后端知识汇总（1）</div></div></a></div><div><a href="/posts/3df4b4e4.html" title="好用的软件"><img class="cover" src= "" data-lazy-src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.11467.com%2F2020%2F04-23%2F1160456217.jpg&refer=http%3A%2F%2Fimg.11467.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1665287815&t=3b6f36234b71a75c02ce9d146bd29909" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2022-11-12</div><div class="title">好用的软件</div></div></a></div></div></div><hr/><div id="post-comment"><div class="comment-head"><div class="comment-headline"><i class="fas fa-comments fa-fw"></i><span> 评论</span></div></div><div class="comment-wrap"><div><div class="vcomment" id="vcomment"></div></div></div></div></div><div class="aside-content" id="aside-content"><div class="sticky_layout"><div class="card-widget" id="card-toc"><div class="item-headline"><i class="fas fa-stream"></i><span>目录</span><span class="toc-percentage"></span></div><div class="toc-content is-expand"><ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#vs-Code-%E6%8F%92%E4%BB%B6"><span class="toc-number">1.</span> <span class="toc-text">vs Code 插件</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E7%81%AB%E7%84%B0%E5%85%89%E6%A0%87"><span class="toc-number">2.</span> <span class="toc-text">火焰光标</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#prettier-%E9%85%8D%E7%BD%AE"><span class="toc-number">3.</span> <span class="toc-text">prettier 配置</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E8%87%AA%E5%AE%9A%E4%B9%89%E9%A2%9C%E8%89%B2%E4%B8%BB%E9%A2%98-json"><span class="toc-number">3.1.</span> <span class="toc-text">自定义颜色主题 json</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E6%A0%BC%E5%BC%8F%E5%8C%96"><span class="toc-number">4.</span> <span class="toc-text">格式化</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#css-js-html-formate-%E2%80%94-%E6%8F%92%E4%BB%B6"><span class="toc-number">5.</span> <span class="toc-text">css-js-html-formate —-插件</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#px-to-rem-amp-rpx-amp-vw-cssrem-%E2%80%94-%E6%8F%92%E4%BB%B6"><span class="toc-number">6.</span> <span class="toc-text">px to rem &amp; rpx &amp; vw (cssrem)— 插件</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#px2vw-%E2%80%94-%E6%8F%92%E4%BB%B6"><span class="toc-number">7.</span> <span class="toc-text">px2vw —- 插件</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Easy-LESS%E2%80%94-%E6%8F%92%E4%BB%B6"><span class="toc-number">8.</span> <span class="toc-text">Easy LESS—-插件</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Error-Lens-%E2%80%94-%E9%94%99%E8%AF%AF%E6%8F%90%E7%A4%BA%E6%8F%92%E4%BB%B6"><span class="toc-number">9.</span> <span class="toc-text">Error Lens —-错误提示插件</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#TS%E6%8A%A5%E9%94%99"><span class="toc-number">10.</span> <span class="toc-text">TS报错</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#TS-%E5%AE%9A%E4%B9%89%E5%8F%98%E9%87%8F%E6%8A%A5%E9%94%99"><span class="toc-number">10.1.</span> <span class="toc-text">TS 定义变量报错</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#template%E6%8A%A5%E9%94%99"><span class="toc-number">10.2.</span> <span class="toc-text">template报错</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#VSCode-%E5%BF%AB%E6%8D%B7%E9%94%AE"><span class="toc-number">11.</span> <span class="toc-text">VSCode 快捷键</span></a></li></ol></div></div></div></div></main><footer id="footer" style="background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-blog.csdnimg.cn%2Fimg_convert%2Fe7fcf8b0b298ddb26f73d69389f0b606.png&amp;refer=http%3A%2F%2Fimg-blog.csdnimg.cn&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665288100&amp;t=6924eef2523e798f2f451b4237c40a02')"><div id="footer-wrap"><div class="copyright">&copy;2022 - 2023 By 晚夜微雨问海棠</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="readmode" type="button" title="阅读模式"><i class="fas fa-book-open"></i></button><button id="translateLink" type="button" title="简繁转换">繁</button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button class="close" id="mobile-toc-button" type="button" title="目录"><i class="fas fa-list-ul"></i></button><button id="chat_btn" type="button" title="聊天"><i class="fas fa-sms"></i></button><a id="to_comment" href="#post-comment" title="直达评论"><i class="fas fa-comments"></i></a><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><nav class="search-nav"><span class="search-dialog-title">搜索</span><span id="loading-status"></span><button class="search-close-button"><i class="fas fa-times"></i></button></nav><div class="is-center" id="loading-database"><i class="fas fa-spinner fa-pulse"></i><span>  数据库加载中</span></div><div class="search-wrap"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div><hr/><div id="local-search-results"></div></div></div><div id="search-mask"></div></div><div id="rightMenu"><div class="rightMenu-group rightMenu-small"><div class="rightMenu-item" id="menu-backward"><i class="fa-solid fa-arrow-left"></i></div><div class="rightMenu-item" id="menu-forward"><i class="fa-solid fa-arrow-right"></i></div><div class="rightMenu-item" id="menu-refresh"><i class="fa-solid fa-arrow-rotate-right"></i></div><div class="rightMenu-item" id="menu-home"><i class="fa-solid fa-house"></i></div></div><div class="rightMenu-group rightMenu-line rightMenuOther"><a class="rightMenu-item menu-link" href="/archives/"><i class="fa-solid fa-archive"></i><span>文章归档</span></a><a class="rightMenu-item menu-link" href="/categories/"><i class="fa-solid fa-folder-open"></i><span>文章分类</span></a><a class="rightMenu-item menu-link" href="/tags/"><i class="fa-solid fa-tags"></i><span>文章标签</span></a></div><div class="rightMenu-group rightMenu-line rightMenuNormal"><div class="rightMenu-item" id="menu-translate"><i class="fa-solid fa-earth-asia"></i><span>繁简切换</span></div><div class="rightMenu-item" id="menu-darkmode"><i class="fa-solid fa-moon"></i><span>切换模式</span></div></div></div><div id="rightmenu-mask"></div><div><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="/js/tw_cn.js"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script><script src="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js"></script><script src="/js/search/local-search.js"></script><script>var preloader = {
  endLoading: () => {
    document.body.style.overflow = 'auto';
    document.getElementById('loading-box').classList.add("loaded")
  },
  initLoading: () => {
    document.body.style.overflow = '';
    document.getElementById('loading-box').classList.remove("loaded")

  }
}
window.addEventListener('load',preloader.endLoading())</script><div class="js-pjax"><script>(() => {
  const $mermaidWrap = document.querySelectorAll('#article-container .mermaid-wrap')
  if ($mermaidWrap.length) {
    window.runMermaid = () => {
      window.loadMermaid = true
      const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'default'

      Array.from($mermaidWrap).forEach((item, index) => {
        const mermaidSrc = item.firstElementChild
        const mermaidThemeConfig = '%%{init:{ \'theme\':\'' + theme + '\'}}%%\n'
        const mermaidID = 'mermaid-' + index
        const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent
        mermaid.mermaidAPI.render(mermaidID, mermaidDefinition, (svgCode) => {
          mermaidSrc.insertAdjacentHTML('afterend', svgCode)
        })
      })
    }

    const loadMermaid = () => {
      window.loadMermaid ? runMermaid() : getScript('https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js').then(runMermaid)
    }

    window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid)
  }
})()</script><script>function loadValine () {
  function initValine () {
    const valine = new Valine(Object.assign({
      el: '#vcomment',
      appId: '',
      appKey: '',
      avatar: 'monsterid',
      serverURLs: '',
      emojiMaps: "",
      path: window.location.pathname,
      visitor: false
    }, null))
  }

  if (typeof Valine === 'function') initValine() 
  else getScript('https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js').then(initValine)
}

if ('Valine' === 'Valine' || !true) {
  if (true) btf.loadComment(document.getElementById('vcomment'),loadValine)
  else setTimeout(loadValine, 0)
} else {
  function loadOtherComment () {
    loadValine()
  }
}</script></div><div class="aplayer no-destroy" data-id="7625372994" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true"> </div> <script defer src="https://npm.elemecdn.com/jquery@latest/dist/jquery.min.js"></script> <script src="/swiper/swiper.min.js"></script> <script src="/swiper/swiperindex.js"></script> <script src="//cdn.bootcss.com/pace/1.0.2/pace.min.js"></script> <script src="/js/title.js"></script> <script defer data-pjax src="/js/cat.js"></script> <script defer data-pjax src="/js/rightMenu.js"></script><script src="https://cdn.jsdelivr.net/npm/butterfly-extsrc/dist/activate-power-mode.min.js"></script><script>POWERMODE.colorful = true;
POWERMODE.shake = false;
POWERMODE.mobile = false;
document.body.addEventListener('input', POWERMODE);
</script><script id="click-heart" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc/dist/click-heart.min.js" async="async" mobile="false"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css" media="print" onload="this.media='all'"><script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script><script src="https://cdn.jsdelivr.net/npm/butterfly-extsrc/metingjs/dist/Meting.min.js"></script><script src="https://cdn.jsdelivr.net/npm/pjax/pjax.min.js"></script><script>let pjaxSelectors = ["head > title","#config-diff","#body-wrap","#rightside-config-hide","#rightside-config-show","#web_bg",".js-pjax"]

var pjax = new Pjax({
  elements: 'a:not([target="_blank"])',
  selectors: pjaxSelectors,
  cacheBust: false,
  analytics: false,
  scrollRestoration: false
})

document.addEventListener('pjax:send', function () {

  // removeEventListener scroll 
  window.tocScrollFn && window.removeEventListener('scroll', window.tocScrollFn)
  window.scrollCollect && window.removeEventListener('scroll', scrollCollect)

  typeof preloader === 'object' && preloader.initLoading()
  document.getElementById('rightside').style.cssText = "opacity: ''; transform: ''"
  
  if (window.aplayers) {
    for (let i = 0; i < window.aplayers.length; i++) {
      if (!window.aplayers[i].options.fixed) {
        window.aplayers[i].destroy()
      }
    }
  }

  typeof typed === 'object' && typed.destroy()

  //reset readmode
  const $bodyClassList = document.body.classList
  $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode')

  typeof disqusjs === 'object' && disqusjs.destroy()
})

document.addEventListener('pjax:complete', function () {
  window.refreshFn()

  document.querySelectorAll('script[data-pjax]').forEach(item => {
    const newScript = document.createElement('script')
    const content = item.text || item.textContent || item.innerHTML || ""
    Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
    newScript.appendChild(document.createTextNode(content))
    item.parentNode.replaceChild(newScript, item)
  })

  GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update()

  typeof chatBtnFn === 'function' && chatBtnFn()
  typeof panguInit === 'function' && panguInit()

  // google analytics
  typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname});

  // baidu analytics
  typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]);

  typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()

  // prismjs
  typeof Prism === 'object' && Prism.highlightAll()

  typeof preloader === 'object' && preloader.endLoading()
})

document.addEventListener('pjax:error', (e) => {
  if (e.request.status === 404) {
    pjax.loadUrl('/404.html')
  }
})</script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div><!-- hexo injector body_end start --><script data-pjax>function history_calendar_injector_config(){
                var parent_div_git = document.getElementsByClassName('sticky_layout')[0];
                var item_html = '<div class="card-widget card-history"><div class="card-content"><div class="item-headline"><i class="fas fa-clock fa-spin"></i><span>那年今日</span></div><div id="history-baidu" style="height: 100px;overflow: hidden"><div class="history_swiper-container" id="history-container" style="width: 100%;height: 100%"><div class="swiper-wrapper" id="history_container_wrapper" style="height:20px"></div></div></div></div>';
                console.log('已挂载history_calendar')
                // parent_div_git.innerHTML=item_html+parent_div_git.innerHTML // 无报错，但不影响使用(支持pjax跳转)
                parent_div_git.insertAdjacentHTML("afterbegin",item_html) // 有报错，但不影响使用(支持pjax跳转)
            }if( document.getElementsByClassName('sticky_layout')[0] && (location.pathname ==='/'|| '/' ==='all')){

            history_calendar_injector_config()
        } </script><script data-pjax  src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script><script data-pjax src="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-card-history/baiduhistory/js/main.js"></script><script data-pjax>
    function butterfly_categories_card_injector_config(){
      var parent_div_git = document.getElementById('recent-posts');
      var item_html = '<style>li.categoryBar-list-item{width:24%;}.categoryBar-list{max-height: 190px;overflow:auto;}.categoryBar-list::-webkit-scrollbar{width:0!important}@media screen and (max-width: 650px){.categoryBar-list{max-height: 160px;}}</style><div class="recent-post-item" style="height:auto;width:100%;padding:0px;"><div id="categoryBar"><ul class="categoryBar-list"><li class="categoryBar-list-item" style="background:url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpicnew6.photophoto.cn%2F20120106%2Fhaimianbaobaotupian-10036689_1.jpg&amp;refer=http%3A%2F%2Fpicnew6.photophoto.cn&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665648815&amp;t=a3deb15ddd7a38597964c3a05e519bd7);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/Asp-Net/&quot;);" href="javascript:void(0);">Asp.Net</a><span class="categoryBar-list-count">1</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/site-backgound.jpg);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/C-系列/&quot;);" href="javascript:void(0);">C#系列</a><span class="categoryBar-list-count">8</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F13012860773%2F1000.jpg&amp;refer=http%3A%2F%2Finews.gtimg.com&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665648865&amp;t=1d2f13b52a7e279e8801545f59eda4e7);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/Hexo重装记录/&quot;);" href="javascript:void(0);">Hexo重装记录</a><span class="categoryBar-list-count">2</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202011%2F07%2F20201107183300_ac0c5.thumb.1000_0.jpeg&amp;refer=http%3A%2F%2Fc-ssl.duitang.com&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665648887&amp;t=3d32c6b12a4cf12e5cec3585b79c1fc3);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/EF/&quot;);" href="javascript:void(0);">EF</a><span class="categoryBar-list-count">1</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F25%2Feb%2F1f%2F25eb1fd40b5a740c2b79e33f700806e5.jpg&amp;refer=http%3A%2F%2Fup.enterdesk.com&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665648908&amp;t=6425ee3bd166b0f5c5ffa6fb18b6937b);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/LOL/&quot;);" href="javascript:void(0);">LOL</a><span class="categoryBar-list-count">1</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Flmg.jj20.com%2Fup%2Fallimg%2Ftx26%2F36080017392073.jpg&amp;refer=http%3A%2F%2Flmg.jj20.com&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665650136&amp;t=5cc414d0ee58c9e285218d92f6a95513);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/idea/&quot;);" href="javascript:void(0);">idea</a><span class="categoryBar-list-count">1</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn.sinaimg.cn%2Fsinacn10%2F320%2Fw700h420%2F20180907%2F5116-hitesuz6599636.jpg&amp;refer=http%3A%2F%2Fn.sinaimg.cn&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=auto?sec=1665650004&amp;t=6a304aa9cc7435ec1d148b8f99092bc0);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/世界/&quot;);" href="javascript:void(0);">世界</a><span class="categoryBar-list-count">1</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://s1.ax1x.com/2022/11/15/zAxCi6.jpg);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/世界见闻录/&quot;);" href="javascript:void(0);">世界见闻录</a><span class="categoryBar-list-count">8</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://s1.ax1x.com/2022/11/15/zAxFzD.jpg);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/前端体系/&quot;);" href="javascript:void(0);">前端体系</a><span class="categoryBar-list-count">19</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://s1.ax1x.com/2022/11/15/zAxnot.jpg);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/副业/&quot;);" href="javascript:void(0);">副业</a><span class="categoryBar-list-count">1</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://s1.ax1x.com/2022/11/15/zAxMJf.jpg);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/文案/&quot;);" href="javascript:void(0);">文案</a><span class="categoryBar-list-count">6</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://s1.ax1x.com/2022/11/15/zAxQW8.jpg);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/办公日常/&quot;);" href="javascript:void(0);">办公日常</a><span class="categoryBar-list-count">2</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://s1.ax1x.com/2022/11/15/zAx3Qg.jpg);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/朝花夕拾/&quot;);" href="javascript:void(0);">朝花夕拾</a><span class="categoryBar-list-count">12</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(https://s1.ax1x.com/2022/11/15/zAxYes.jpg);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/前端/&quot;);" href="javascript:void(0);">前端</a><span class="categoryBar-list-count">20</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(undefined);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/杂七杂八/&quot;);" href="javascript:void(0);">杂七杂八</a><span class="categoryBar-list-count">7</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(undefined);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/简书/&quot;);" href="javascript:void(0);">简书</a><span class="categoryBar-list-count">5</span><span class="categoryBar-list-descr"></span></li><li class="categoryBar-list-item" style="background:url(undefined);"> <a class="categoryBar-list-link" onclick="pjax.loadUrl(&quot;categories/游戏/&quot;);" href="javascript:void(0);">游戏</a><span class="categoryBar-list-count">1</span><span class="categoryBar-list-descr"></span></li></ul></div></div>';
      console.log('已挂载butterfly_categories_card')
      parent_div_git.insertAdjacentHTML("afterbegin",item_html)
      }
    if( document.getElementById('recent-posts') && (location.pathname ==='/'|| '/' ==='all')){
    butterfly_categories_card_injector_config()
    }
  </script><script data-pjax>
  function butterfly_clock_anzhiyu_injector_config(){
    var parent_div_git = document.getElementsByClassName('sticky_layout')[0];
    var item_html = '<div class="card-widget card-clock"><div class="card-glass"><div class="card-background"><div class="card-content"><div id="hexo_electric_clock"><img class="entered loading" id="card-clock-loading" src= "" data-lazy-src="https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/loading.gif" style="height: 120px; width: 100%;" data-ll-status="loading"/></div></div></div></div></div>';
    console.log('已挂载butterfly_clock_anzhiyu')
    parent_div_git.insertAdjacentHTML("afterbegin",item_html)
    }
  var elist = 'null'.split(',');
  var cpage = location.pathname;
  var epage = '/';
  var qweather_key = '41ea442da35546559913a6a5d54163b2';
  var gaud_map_key = '6b62fbebf584b9a22a85bfccbf90335e';
  var baidu_ak_key = 'undefined';
  var flag = 0;
  var clock_rectangle = '114.35,34.79';
  var clock_default_rectangle_enable = 'true';

  for (var i=0;i<elist.length;i++){
    if (cpage.includes(elist[i])){
      flag++;
    }
  }

  if ((epage ==='all')&&(flag == 0)){
    butterfly_clock_anzhiyu_injector_config();
  }
  else if (epage === cpage){
    butterfly_clock_anzhiyu_injector_config();
  }
  </script><script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script><script data-pjax src="https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.min.js"></script><script data-pjax>
  function butterfly_footer_beautify_injector_config(){
    var parent_div_git = document.getElementById('footer-wrap');
    var item_html = '<div id="workboard"></div><p id="ghbdages"><a class="github-badge" target="_blank" href="https://hexo.io/" style="margin-inline:5px" data-title="博客框架为Hexo_v5.4.0" title=""><img src= "" data-lazy-src="https://img.shields.io/badge/Frame-Hexo-blue?style=flat&amp;logo=hexo" alt=""/></a><a class="github-badge" target="_blank" href="https://butterfly.js.org/" style="margin-inline:5px" data-title="主题版本Butterfly_v4.2.2" title=""><img src= "" data-lazy-src="https://img.shields.io/badge/Theme-Butterfly-6513df?style=flat&amp;logo=bitdefender" alt=""/></a><a class="github-badge" target="_blank" href="https://www.jsdelivr.com/" style="margin-inline:5px" data-title="本站使用JsDelivr为静态资源提供CDN加速" title=""><img src= "" data-lazy-src="https://img.shields.io/badge/CDN-jsDelivr-orange?style=flat&amp;logo=jsDelivr" alt=""/></a><a class="github-badge" target="_blank" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" style="margin-inline:5px" data-title="本站采用知识共享署名-非商业性使用-相同方式共享4.0国际许可协议进行许可" title=""><img src= "" data-lazy-src="https://img.shields.io/badge/Copyright-BY--NC--SA%204.0-d42328?style=flat&amp;logo=Claris" alt=""/></a></p>';
    console.log('已挂载butterfly_footer_beautify')
    parent_div_git.insertAdjacentHTML("beforeend",item_html)
    }
  var elist = 'null'.split(',');
  var cpage = location.pathname;
  var epage = 'all';
  var flag = 0;

  for (var i=0;i<elist.length;i++){
    if (cpage.includes(elist[i])){
      flag++;
    }
  }

  if ((epage ==='all')&&(flag == 0)){
    butterfly_footer_beautify_injector_config();
  }
  else if (epage === cpage){
    butterfly_footer_beautify_injector_config();
  }
  </script><script async src="/js/runtime/runtime.min.js"></script><script data-pjax>
  function butterfly_swiper_injector_config(){
    var parent_div_git = document.getElementById('recent-posts');
    var item_html = '<div class="recent-post-item swiper_container_card" style="height: auto;width: 100%"><div id="random"><div id="random-banner"><canvas id="peoplecanvas"></canvas></div><a id="random-hover" style="width:100%;height:auto;" href="javascript:toRandomPost()" rel="external nofollow noreferrer" one-link-mark="yes"><i class="fa fa-paper-plane" style="margin-left:10px"></i><div style="margin-left:10px">随便逛逛<i class="fa-solid fa-arrow-right" style="margin-left:10px"></i></div></a></div><div class="blog-slider swiper-container-fade swiper-container-horizontal" id="swiper_container"><div class="blog-slider__wrp swiper-wrapper" style="transition-duration: 0ms;"><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;posts/67fcd28d.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src= "" data-lazy-src="https://img2.baidu.com/it/u=4087346614,241521689&amp;fm=253&amp;fmt=auto&amp;app=138&amp;f=JPEG?w=500&amp;h=333" alt="" onerror="this.src=https://cdn.cbd.int/akilar-candyassets/image/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2022-09-19</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;posts/67fcd28d.html&quot;);" href="javascript:void(0);" alt="">学生人到职业人_心态篇</a><div class="blog-slider__text">再怎么看我也不知道怎么描述它的啦！</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;posts/67fcd28d.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;posts/8a73f76c.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src= "" data-lazy-src="https://s1.ax1x.com/2022/11/04/xLiBTA.jpg" alt="" onerror="this.src=https://cdn.cbd.int/akilar-candyassets/image/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2022-11-04</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;posts/8a73f76c.html&quot;);" href="javascript:void(0);" alt="">生活の奇思妙想☞2022</a><div class="blog-slider__text">再怎么看我也不知道怎么描述它的啦！</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;posts/8a73f76c.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;posts/14e5dae6.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src= "" data-lazy-src="https://s1.ax1x.com/2022/10/21/xcAQDH.jpg" alt="" onerror="this.src=https://cdn.cbd.int/akilar-candyassets/image/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2022-11-12</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;posts/14e5dae6.html&quot;);" href="javascript:void(0);" alt="">少年自负凌云笔</a><div class="blog-slider__text">再怎么看我也不知道怎么描述它的啦！</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;posts/14e5dae6.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;posts/9b7092b7.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src= "" data-lazy-src="https://s1.ax1x.com/2022/10/11/xNJbF0.jpg" alt="" onerror="this.src=https://cdn.cbd.int/akilar-candyassets/image/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2022-09-13</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;posts/9b7092b7.html&quot;);" href="javascript:void(0);" alt="">租房有感</a><div class="blog-slider__text">再怎么看我也不知道怎么描述它的啦！</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;posts/9b7092b7.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;posts/94bbc7d.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src= "" data-lazy-src="https://s1.ax1x.com/2022/10/11/xNJLWT.jpg" alt="" onerror="this.src=https://cdn.cbd.int/akilar-candyassets/image/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2022-09-25</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;posts/94bbc7d.html&quot;);" href="javascript:void(0);" alt="">谷歌收藏</a><div class="blog-slider__text">再怎么看我也不知道怎么描述它的啦！</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;posts/94bbc7d.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;posts/3b350f14.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src= "" data-lazy-src="https://s1.ax1x.com/2022/10/11/xNJJd1.jpg" alt="" onerror="this.src=https://cdn.cbd.int/akilar-candyassets/image/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2022-09-13</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;posts/3b350f14.html&quot;);" href="javascript:void(0);" alt="">阳光不燥、微风正好</a><div class="blog-slider__text">再怎么看我也不知道怎么描述它的啦！</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;posts/3b350f14.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div></div><div class="blog-slider__pagination swiper-pagination-clickable swiper-pagination-bullets"></div></div></div>';
    console.log('已挂载butterfly_swiper')
    parent_div_git.insertAdjacentHTML("afterbegin",item_html)
    }
  var elist = 'undefined'.split(',');
  var cpage = location.pathname;
  var epage = '/';
  var flag = 0;

  for (var i=0;i<elist.length;i++){
    if (cpage.includes(elist[i])){
      flag++;
    }
  }

  if ((epage ==='all')&&(flag == 0)){
    butterfly_swiper_injector_config();
  }
  else if (epage === cpage){
    butterfly_swiper_injector_config();
  }
  </script><script defer src="https://npm.elemecdn.com/anzhiyu-blog@1.1.6/js/swiper.min.js"></script><script defer data-pjax src="https://cdn.cbd.int/hexo-butterfly-swiper-anzhiyu@1.0.4/lib/swiper_init.js"></script><script data-pjax src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/gsap/3.9.1/gsap.min.js"></script><script defer src="https://npm.elemecdn.com/hexo-butterfly-swiper-anzhiyu@1.0.4/lib/people.min.js"></script><script async src="/anzhiyu/random.js"></script><div class="js-pjax"><script async="async">var arr = document.getElementsByClassName('recent-post-item');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__zoomIn');
    arr[i].setAttribute('data-wow-duration', '1.5s');
    arr[i].setAttribute('data-wow-delay', '200ms');
    arr[i].setAttribute('data-wow-offset', '30');
    arr[i].setAttribute('data-wow-iteration', '1');
  }</script><script async="async">var arr = document.getElementsByClassName('card-widget');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__zoomIn');
    arr[i].setAttribute('data-wow-duration', '');
    arr[i].setAttribute('data-wow-delay', '200ms');
    arr[i].setAttribute('data-wow-offset', '');
    arr[i].setAttribute('data-wow-iteration', '');
  }</script><script async="async">var arr = document.getElementsByClassName('flink-list-card');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__flipInY');
    arr[i].setAttribute('data-wow-duration', '3s');
    arr[i].setAttribute('data-wow-delay', '');
    arr[i].setAttribute('data-wow-offset', '');
    arr[i].setAttribute('data-wow-iteration', '');
  }</script><script async="async">var arr = document.getElementsByClassName('flink-list-card');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__animated');
    arr[i].setAttribute('data-wow-duration', '3s');
    arr[i].setAttribute('data-wow-delay', '');
    arr[i].setAttribute('data-wow-offset', '');
    arr[i].setAttribute('data-wow-iteration', '');
  }</script><script async="async">var arr = document.getElementsByClassName('article-sort-item');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__slideInRight');
    arr[i].setAttribute('data-wow-duration', '1.5s');
    arr[i].setAttribute('data-wow-delay', '');
    arr[i].setAttribute('data-wow-offset', '');
    arr[i].setAttribute('data-wow-iteration', '');
  }</script><script async="async">var arr = document.getElementsByClassName('site-card');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__flipInY');
    arr[i].setAttribute('data-wow-duration', '3s');
    arr[i].setAttribute('data-wow-delay', '');
    arr[i].setAttribute('data-wow-offset', '');
    arr[i].setAttribute('data-wow-iteration', '');
  }</script><script async="async">var arr = document.getElementsByClassName('site-card');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__animated');
    arr[i].setAttribute('data-wow-duration', '3s');
    arr[i].setAttribute('data-wow-delay', '');
    arr[i].setAttribute('data-wow-offset', '');
    arr[i].setAttribute('data-wow-iteration', '');
  }</script></div><script defer src="https://cdn.cbd.int/hexo-butterfly-wowjs/lib/wow.min.js"></script><script defer src="https://cdn.cbd.int/hexo-butterfly-wowjs/lib/wow_init.js"></script><script async src="/js/ali_font.js"></script><!-- hexo injector body_end end --><script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/koharu.model.json"},"display":{"position":"left","width":150,"height":300},"mobile":{"show":false},"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/"});</script></body></html>